コーディングは、トリックだらけ « vanillate
ホームページのデザインが柔軟にできるようになり、ブラウザも整備され、ほぼ表現できるようになってから、「紙のような」デザインであったり、「透明な部分があるように」思わせるデザインであったりというものがたくさん発生しています。「これ、どうやってやってるの？」「ありえない！」とホームページをみて思ったことはありませんか？ これらは、画像をパズルのように組み合わせることによって表現していることがほとんどです。理解することによって、より深いウェブデザインが可能になるはずです。 よく見かけるテクニック 直にスライス切りで対応 背景対応＋imgタグでボタン化 背景対応＋ｐもしくはdivのブロック要素を配置 背景対応＋aタグ（divタグやspanタグの場合も）にdisplay:block;をかけてブロック要素にしてからpositionで任意の場所にボタン化 この４点の方法をきちんと押さえておけば、いろい
[CSS]リスト要素を使用したスタイルシートの5つのトリック
ul, ol, dl要素を使用したスタイルシートの5つのトリックをPieter Beulqueから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ol> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> </ol> </
ソースが公開されているcss小技11エントリーまとめ
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント ユーザービリティ（見易さ）を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとｃｓｓでテキストに影を付けるテクニック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA