css

6個のスタイル規則だけで作るナビゲーションバー

css

ナビゲーションバーは、ホームページの上部や、サイドバーに、リンクを並べたものです。 ナビゲーションバーは、階層構造になっていて、ホルダとファイルのように、ひとつの項目にマウスカーソルを置くと、そのカテゴリに含まれるファイルや、ホルダのリスト…

CSS 初心者と上級者

css

CSSについて考えていたら、CSSには上級者や初心者といった扱う人のスキルって成り立つんだろうか?という疑問がかすめた。 CSSが上手になるためには、どうすればいいのだろう?と考えたからなのですが、 以下のようなお手本のようなスタイル規則もあれば、 d…

スタイルシート inline-block メモ

css

ブログ等、htmlを出力するインターネット上のコンテンツは、cssという拡張子のファイルによって、レイアウトが指定されています。 ブラウザごとに、指定できるプロパティや値が対応していなかったり(ここのところは、この色にしろとかいう指定)しますが、だ…

勉強css

css

OOCSS test OOCSSはとてもシンプルな、CSSフレームワークです。 W3Cのウェブサイトにも関わっている方らしいです。 興味があったので試してみました。 リキッドレイアウト背景追従 2007ころに作ったものですが、忘れていた。 dtとddを水平に並べる よく…

こんなスタイルは、おかしいかな?

css

こんなスタイルは、おかしいかな? と思いましたが、やってみました。 発端見出しヘッダの背景を文字より小さくして、軽い印象にしてみることを思いついた。 Firefox3.5 ie8で試してみましたが、他の環境でも大丈夫かな? どうやって、htmlのデザインを変える…

mod_rewriteでスタイルを変更する

mod_rewriteは、mod_aliasに似ていて、リダイレクトに多用される。最近のブログには、スタティックhtmlに見せかけるために、ほんとによく使われている。アクセスしてきたURLが存在しない場合に、そのURLを一定のパターンで評価して、 当てはまれば、URLの?…

パフォーマンスチューニング

css

Yslowというfirefox addin があります プラグインは、WEBページのパフォーマンスをチェックしてくれます。 blog等をつかってエントリを公開していると、どうしてもレスポンスへの不満が出てきます。 ブログサイトなどで、表示までにやたら時間のかかるものが…

IE背景画像の表示不良

追記:以下の対策は、問題があることがわかった。IE6では、index.html#test を表示したとき 表示された画面の背景は、表示される。 しかし、スクロールして、index.html#test2 など、 同じクラスが指定されている。スクロールしないと見えない位置にある div…

参考になるCSSの指定のしかた。

css

glish.com : CSS layout techniques : 3 columns, all fluid glish.com : CSS layout techniques : static width and centeredglish.com : CSS layout techniques : 3 columns, the holy grail glish.com : CSS layout techniques : 4 columns, all fluid gl…

美しいCSS。スタイルの指定。

css

同じ機能を持っていても、制約された書き方の中でも、人が書いたものには、個性が出ます。私的に、美しい指定の仕方だなぁ。と思ったものを紹介します。Tableless layout HOWTOより。 <div id="main"> <div id="list1" class="link-list"> <div id="list2" class="link-list"> この3個のブロックにスタイルを以下のように指定しています。 /* Prop</div></div></div>…

css ブラウザ別CSSプロパティサポート状況

css

ブラウザ毎に、スタイルシートのサポート状況は異なります。 htmlは、タグにしろ、スタイルにしろ、ブラウザごとのサポート状況が異なり、この点が、 理解を妨げています。英文ですが、対応状況を提供しているページを見つけたのでリンクします。Web Browser…

TOP