CSS Drop Down Menuは、JavaScript無しで、ドロップダウンメニューを実装するスタイルシートです。 実装されているナビゲーションは、IE7, Fx2, Opera9, Safari3 などで動作します。 ※IE6では動作しません。 仕掛けとしては、リストの最初の項目(menu item)より下の項目を ...

ドロップダウンが展開する際のアニメーションがかなりかっこいいのでご紹介。 上記はデモをアニメーションgifにしたもので、初期はアイテムがカード状に重なっており、クリックすると中身がするすると表示されます。 最初にぱかっと開くの面白いです ...

Webサイトのお問い合わせ画面などで、「営業部」「サポート窓口」「採用担当」など、複数の選択肢の中から適切なものを1つだけ選んでもらいたい場面がありますよね。 すべての選択肢を画面にズラリと並べてしまうと、縦に長いレイアウトになり ...

Webサイトの入力フォームを構築する際、セレクトボックス（ドロップダウンメニュー）の選択肢が増えすぎてしまい、ユーザーにとって見づらくなってしまった経験はありませんか？ 本記事では、そのようなフォームの視認性とユーザビリティを大きく向上 ...

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...