lucky bag
Appendix
今まで作ったサンプルなどを集めたページです。
もしかしたら誰かの役に立つかも知れないもの
プロパティから CSS 仕様書へのリンク
プロパティから CSS 仕様書（邦訳）へのリンク
xsl.zip
RSS
1.0、
RSS
2.0、Atom0.3 それぞれに対応した
XSL
ファイル
実際に適用したサンプル xml
Atom0.3
RSS1.0
RSS2.0
action.zip
リサイズしてドロップシャドーをつける Photoshop 用アクション（100px、200px、300px の 3 種類）
グリッドレイアウトのための背景画像のサンプル
Mac版 Internet Explorer 5 の CSS バグと回避方法 日本語訳
スクリプトを使わずに CSS だけでそれっぽいこと
CSSだけでドロップダウンメニューのサンプル
CSS で画像ポップアップ
リモートロールオーバーを CSS だけでやってみる
離れた場所をロールオーバーさせるフォトナビゲーションメニュー
CSS だけでフォトギャラリーのサンプル
CSS だけで Mac OS X の Dock 風ナビゲーションのサンプル その 1
CSS だけで Mac OS X の Dock 風ナビゲーションのサンプル その 2
CSS3 の target 疑似クラスを使って脚注を動的に表示させるサンプル
CSS3 の target 疑似クラスを使ってピュアCSS なプレゼン用スライドショー サンプル
:target擬似クラスを利用したYellow Fade Technique
:target擬似クラスを利用したタブ型メニュー
CSS でレイアウトする際のちょっとしたこと
htmlとbodyに背景画像を指定するサンプル
CSS で垂直センター配置のサンプル
float の問題を clear を使わず解決する方法のサンプル
フッタを常に下部に配置するサンプル
IE で min-width を指定する方法のサンプル
要素を常に画面の中央に配置
可変幅のままでナビゲーションを落とさない方法
dt と dd を横並びのサンプル その1
dt と dd を横並びのサンプル その2
文字サイズの変更に追随する elastic レイアウト
600px(640×480)
780px(800×600)
960px(1024×768)
CSS Flamework -CSSによる段組レイアウト-
区切り線をCSSのボーダーで 1
区切り線をCSSのボーダーで 2
画像置換
letter-spacing を使ってテキストを画像に置換のサンプル
::before 疑似要素を使ってテキストを画像に置換のサンプル
CSS ハック
バージョン 6 以下の IE にのみ適用のサンプル
バージョン 7 の IE にのみ適用のサンプル
バージョン 7 の IE にのみ適用のサンプル
バージョン 7 を含む全ての IE にのみ適用のサンプル
IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外）のサンプル
IE7 を除くモダンブラウザにのみ適用のサンプル
ちょっとした確認のための実験ページ
CSS でロールオーバー効果のサンプル
CSS で画像を先読みできるか調べるためのサンプル
Safari は複数背景画像に対応のサンプル
Safari に CSS を適用させない方法のサンプル
CSS で counter を使って自動連番を振る際の注意点のサンプル その 1
CSS で counter を使って自動連番を振る際の注意点のサンプル その 2
mapsurface テストページ
知っておくと役にたつかもしれないもの
画像サイズを em で指定のサンプル
訪問済みリンクを一工夫する
印刷用 CSS で背景画像を印刷させるサンプル
line-height の値には単位なしが良いとされる理由のサンプル
サイトのご案内
Home
About
Appendix
Archives
検索