CSS Demo

jQueryとCSSの実験

PC向けデザイン

jQueryを使って折りたたみ式のナビゲーションメニューを作る。このデザインは多くのコンテンツを収納することができるというメリットがある。一方でウィンドーサイズを変えるとメニューが崩れるという欠点がある。

リキッドデザイン

ウィンドーサイズを変更すると、各ボックスや画像の大きさが変わる。このようなデザインをリキッドデザインと呼ぶ。リキッドデザインは一時大流行した。しかし、モバイルのユーザーが増えるに従い、デバイスごとに切り替えができるレスポンシブデザインに取って代わられることになった。

Widget

Powered by bxSlider