CSSグリッドを使った斬新なテンプレート「Outdoors Template」
シンプルなグリッドレイアウトに動きを付けたようなサイトテンプレート...(続きを読む)

CSSだけで動く軽量1KBのツールチップ実装「Microtip」
CSSだけなのにアニメーションもちゃんとしてくれ必要最小限で使えそうで...(続きを読む)

モバイルアプリ風のUIを提供するBootstrapベースのフレームワーク「M...
次のように、タブバーやスライドメニュー、リスト等、iOSアプリ風のUIをWE...(続きを読む)

ボタンをモーダルに気持よくアニメーションさせつつ変形させるデ...
。アニメーションの動きが派手すぎずアプリっぽくて気持ちいいです。関...(続きを読む)

プログラマ向けのCSSスタイリングJSライブラリ「Descartes」
CSSは様々なスタイリングが可能ですが、JSONベースでスタイリングを書くこ...(続きを読む)

CSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」
CSSのセレクタを適用して検索エンジンを作る、ということらしいです。単...(続きを読む)

MaterialデザインのモダンなFEフレームワーク「Materialize」
Bootstrapライクに、CSSフレームワークの他、UIコンポーネント類が充実して...(続きを読む)

レスポンシブで使える使いやすそうなメニュー実装：CSSとjQueryで実...
。画面上にオーバーレイでメニューが降ってきて、選ぶという物でアニメ...(続きを読む)

CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでも...
。単に数を集めただけではなく、それぞれの質も高く、流行りのデザイン...(続きを読む)

テキスト欄にフォーカスが移動した際のアニメーションをありえな...
。テキスト入力欄にフォーカスがあたるとラベルがアニメーションしたり...(続きを読む)

流行りのページスクロールによるアニメーション効果が多数収録さ...
がダウンロード可能です。パララックス効果や3D効果など、クオリティの...(続きを読む)

要素にclassを指定できるだけでcss3アニメーションさせられる「ALL AN...
。とにかく豊富なアニメーションパターンが収録されていますが、気持ち...(続きを読む)

CSSアニメーションを使ったレスポンシブスライダー実装「Jcslider」
1JS、1KBで60以上の切り替えエフェクトがはいっている、という優れものの...(続きを読む)

CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
階層的なメニューにも対応しており、なかなか高品質なサイドバーが実装...(続きを読む)

input[type=file]をいい感じにスタイリングするチュートリアル
input[type=file]をいい感じにスタイリングするチュートリアル次のようなフラ...(続きを読む)

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応に...
カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dro...(続きを読む)

CSSオンリーで作られたLightBox「css-lightbox」
CSSのみで作られたとは思えないような感じのLightboxがピュアCSSで実現され...(続きを読む)

HTMLをベースにCSSファイルのひな形を作ってくれる「extractCSS」
サイトのHTMLをコピーして「Extract!」ボタンを押すと、idやclassを抽出してく...(続きを読む)

サイト内にパノラマ画像をモダンな感じに読み込めるjQueryプラグイ...
。パノラマ画像をよみこんで、D&Dやスワイプによって動かせるという感...(続きを読む)

WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and ...
WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tu...(続きを読む)