栞/#css
- 2008年7月
リストの装飾方法いろいろ。
多階層のナビゲーションをドロップダウンで表示、いろいろ。
font-familyにメイリオを指定するとinputの幅が変わってしまう件。widthを指定するのがよさげ。
クロスブラウザまとめ。主にIE対策とか。
- 2008年6月
Safari 3.1で利用できる文字のアウトラインを表示するプロパティの紹介。
1枚の画像でボタンっぽい背景に。定番。
font-familyの指定方法。タイトルは「Ideal, Alternative, Common, Generic」/地の文は「Ideal, Fit, Common, Generic」なるほどな。
画像の隣にテキストを垂直方向の中央に配置。
タグクラウドのように途中で改行されたくない単語をうまく表示する。
フォーム用のCSSフレームワーク。
左右反転。unicode-bidi: bidi-override;direction: rtl;
チェックボックス/ラジオボタン、選択されてない項目を示す:indeterminateセレクタの紹介。
リストでカレンダー風に表示。
3カラムレイアウト。ハックとか使わない。
3カラムのレイアウト例。ネガティブマージンを上手に使う。
CSSでファイルリストなどのツリー構造をきれいに見せる。
リストを使ってフォームレイアウト。floatさせてlabelとinputを横に並べる方式。
チェックボックス/ラジオボタンの装飾。:checked/:defaultセレクタを利用。
heightが固定のblock内で上下左右中央に配置。
CSS切り替えスクリプト。