CSSだけでJavaScriptのような動きを実装するサンプル30

96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。

• Valid Non-Javascript Lightbox
  JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです
• Create a Content Slider Using Pure CSS
  さくさくと切り替わるコンテンツスライダー
• Pure CSS speech bubbles
  CSSで作る吹き出し型のデザイン
• Accordion Using Only CSS
  CSSを使ったアコーディングメニュー
• CSS-Only Tabbed Area
  CSSだけを使ったタブコンテンツ
• Pure CSS Sticky Footer
  ブラウザ下部にはりつくフッター

CSSでクリーンに実装したいときに、ぜひ見てみてはいかがでしょうか？ 30 Pure CSS Alternatives to Javascript 今日はいろいろと手続き。いい出会いをさせていただいたので、これからもがんばります。