A CSS Block Navigation Menu | Vikiworks™ Studio 短い説明文が追加されたボックスメニューの書き方です。:hover時に説明文とメニューがそれぞれ違う色にしてるのがポイントですかね。書き方自体は単純ですがメニューに説明文を追加するという発想が目から…

chromaSYNTHETIC Journal » Blog Archive » Flash Without Flash: Elegant Menu Fly-outデモページ KOHLER: Kitchen and Bath Fixtures and FaucetsのようなFlashで実装されている動きの豊かなメニューをCSS＋Javascript(mootoolsというフレームワーク）で実…

One pixel notched corners as used by Google Analytics (Ask the CSS Guy)デモページ Google Analyticsのボックスの角をよく見たことはありますか？ 実はborderの交点がある場所1pxが空白となっていたんです。あえて1px空けることで遊び心を感じさせるドッ…

Nuno Silva » Blog Archive » Divs instead of tables table要素を使わずdiv要素のみでレイアウトを書くのはcssでfloatやclearを使いこなさなければいけず大変ですので、一部のウェブ制作者の方は今もtable要素のみでレイアウトを書いていると聞きますが、di…

woork: Liquid expandable section with rounded corners using CSSデモページ セクションのタイトルをクリックすると中身が表示されたり消えたりするといえばいいのかな。仕組みはシンプルだけどなんか言葉にしにくい。要はコンテンツをjavascriptでdisplay…

Swedish fika » Creating a fading headerデモページ jQueryを使ってマウスエンター時とマウスアウト時にフェードイン・フェードアウトさせる方法。親BOXに空スパンの子要素とリンクの子要素をHTML上で追加し、CSSでそれぞれ背景を設定し親ボックスのサイズ…

リンクのデザインに役立つ8＋アルファのTips | コリスデザインというのはちょっと違うのが含まれてる気がしなくもないけどリンクを張るときに気をつけたいルールではある。

IE8登場以後はCSS tablesを使ってカラムデザインをシンプルに | エンタープライズ | マイコミジャーナルDIV厨対TABLE厨の仁義なき戦いがようやく終わるのか！

IE8 Beta 1の英語版、米Microsoftが開発者向けに公開IE8 Beta 1の注目点として、Web標準規格に準拠するための種々の試みが挙げられる。まず、IE8の最終製品版では、CSS 2.1が完全にサポートされることが公約されている。今回のBeta 1では完全ではないものの…