様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。

CSS Image Maps: A Beginner’s Guide | Noobcube

マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS
javascriptを利用せずに、CSSのみを使ったコンテンツスライダー。

　
　
　
　
　
■Perfect Full Page Background Image | CSS-Tricks
ウィンドウ幅を取得して自動的に背景画像を拡大、縮小してくれるテクニック。ダイナミックなWEBサイトに便利です。

　
　
　
　
　
■Accordion using only CSS – Paul Hayes
CSSのみを使った、アコーディオン。javascriptではないので、動きはありませんがシンプルなアコーディオンが実現可能です。

　
　
上記の他にも様々なテクニックがまとめられています。jsを使わず、少しだけサイトにアクセントを加えたいという方は是非どうぞ。

32 Javascript Alternatives with Pure CSS – Updated | Speckyboy Design Magazine