[B! css] min-inuのブックマーク

Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色

Color data cited: “日本の伝統色 The Traditional Colors of Japan”. PIE BOOKS, 2007.

min-inu 2014/09/19

リンク

OneClickCSSがヤバい！HTML放り込むだけでCSSのid,class名や子孫セレクタを生成してくれる！ - ディレイマニア

CSSにid名やclass名をちまちま打つ作業 WEBサイトを作る作業って、HTMLとCSSを行ったり来たりしてコードをちょいちょい書き足しながらちまちま作っていきますよね。そのちまちました作業の中で、HTMLでidやclassの名前を決めてそれをコピペしてCSSのファイルにペーストして…、っていうのが結構めんどうです。めんどうになるとどうなるかというと、Twitterやり始めたりYouTube見たり寝転がったりして、しまいには戻ってこれなかったりする訳ですよ。そんなめんどうな作業をたったの1クリックで解消してくれるのが﹁OneClickCSS﹂です。

min-inu 2013/08/31

リンク

CSSDesk - Online CSS Sandbox

body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2

min-inu 2013/04/30

リアルタイムにCSSが反映されるツール。便利そう

リンク

美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」:phpspot開発日誌

STUDIO7DESIGNS Free CSS and XHTML Website Templates created this site to provide people with free xhtml and css designs. 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」。 Organic Design Template Eco Business Template. NauticaX2. Nautica05. NauticaX1. Nautica09. Nautica05 Dark. ブログやサイト構築の際に使えますね。ライセンスは「Creative Commons 2.5 licence」。

min-inu 2007/09/13

css

リンク

floatした際に背景が消える件【css tip】

floatした際に背景が消える件︻css tip︼親ボックスに背景を適用して、内包する子ボックスに対してfloatを適用した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。サンプルとなるhtmlは <div class="parent"> 親ボックス <div class="child"> 子ボックス </div> <div class="child"> 子ボックス </div> </div> とします。これに対して div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } このようなCSSを適用した場合、以下のような表示に

min-inu 2007/09/11

css

リンク

マウスが載ると画像が変化するリンクを作る [ホームページ作成] All About

マウスが載ると画像が変化するリンクを作る画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。マウスが載ったときにリンク画像を変化させる画像リンクの上にマウスを載せたときに、画像が変化するようなリンクを作ってみましょう。実現方法はいろいろありますが、JavaScriptを使わずにスタイルシートで実現する方法をご紹介いたします。下記に4つの画像リンクがあります。それぞれにマウスを載せてみて下さい。待ち時間なしで、すぐに画像が切り替わるはずです。ねずみリンクうさぎリンクいぬリンクカンガルーリンク ▲それぞれマウスを載せると画像が変わります。 4つの画像にマウスを載せた瞬間に、画像が切り替わります。切り替わる先の画像を読み込む

min-inu 2007/09/05

css

リンク

MOONGIFT: 必見！Webデザインのお供に「XRAY」:オープンソースを毎日紹介

Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。今回紹介するフリーウェアはXRAY、CSSレイアウトの情報をフローティング表示するソフトウェアだ。現在ライセンスは明記されていないが、将来的にはオープンソース化される予定との事だ。JavaScriptなので、ソースは現状でも見ることが可能だ。 XRAYはBookmarkletとして導入するソフトウェアで、公式サイトのブックマークをツールバーに登録すればインストール完了だ。後は任意のサイトでBookmarkletを実行すればいい。 Bookmarkletを実行すると、ブラウザ上にフローティン

min-inu 2007/08/29

css

リンク

CSSでクールなテーブルを作成するサンプル:phpspot開発日誌

ACSS styled table | Veerle'sblog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。次のようなテーブルを作成するサンプルが公開されています。サンプル1︵解説記事︶サンプル2︵解説記事︶テーブルもここまでカッコいいものが作れるんですね。是非テーブルスタイル時の参考にしたいサンプルです。

min-inu 2007/08/27

css

リンク

つくるぶ -デベロッパー応援プロジェクト

つくるぶをご利用いただきありがとうございます。つくるぶは2008年9月30日をもって閉鎖いたしました。誠に残念ではありますが、サイトオープン以来、多くの皆さまに支えていただきましたこと、心より御礼を申し上げます。つくるぶをご訪問頂いた皆さま、ご自分のサイトを登録してくださった皆さま、つくるぶをご利用いただきありがとうございました。大変申し訳ありませんが、会員情報および投稿していただいた情報は全て破棄させていただきました。また、つくるぶの閉鎖に伴いブログパーツ「サイトスカウター」もサービスを終了させていただきます。皆さまの今後のご活躍を応援しています。

min-inu 2007/08/10

css

リンク

CSSで角丸テクニック２５:phpspot開発日誌

CSS Juice - Design, Tutorial, Showcase and more 25 Rounded Corners Techniques with CSS Rounded corners is one of the most popular and frequently requested CSS techniques even the father of internet Google also launch the rounded corners style markup with her Google Adsense and let users to custom their ads recently. CSSで角丸テクニック２５がまとめられていました。様々なサイトにでの角丸実装ドキュメントのまとめです。 Sliding Doors Even More Round

min-inu 2007/08/02

css

リンク

CSSとJavaScriptで飾りつけする吹き出し風デザイン*ホームページを作る人のネタ帳

min-inu 2007/08/01

css

リンク

スタイルシートによる崩れない　2カラム　3カラム・レイアウト

このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！

min-inu 2007/08/01

css

リンク

使われていないCSSセレクタをブラウザからチェックできる『CSS Redundancy Checker』 - Chocolate（チョコレート）

Sorry! There seems to be a probl em connecting to our database. Please give us a few minutes to remedy the probl em. Thank you.

min-inu 2007/07/28

リンク

ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

yamaokaです。水平方向に並んだナビゲーションを作る場合、皆さんはどのようにマークアップされているでしょうか。とりあえず必要な項目を羅列してみましょう。それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵一見よさそうです。ただ、HTMLの論理的な構造としてふさわしいものでしょうか。ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<

min-inu 2007/07/13

css

リンク

はてなブックマーク

タグ

関連タグで絞り込む (8)

cssに関するmin-inuのブックマーク (14)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス