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でクリーンに実装したいときに、ぜひ見てみてはいかがでしょうか？
Editor's Note
今日はいろいろと手続き。いい出会いをさせていただいたので、これからもがんばります。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
