CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ
Post on:2016年7月8日
sponsors
ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。
アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。
You Don't Need Javascript
イラスト: Girls Design Materials
トリガーにはフォーム要素のラジオボタンやチェックボックスが使われており、そのチェックの有無でさまざまなインタラクションを実現しています。
CSSで実装されたカルーセル その1
CSSで実装されたカルーセル その2
CSSで実装されたゲーム その1
CSSで実装されたゲーム その2
sponsors
