CSSで14種のローディングアニメーションが実現できる「waitMe」
。次のようにフォーム送信時等にアニメーションを14種の中から選んで実...(続きを読む)

Photoshopで生成したグラフィックをCSS3に変換できるPhotoshopプラグイ...
。画像での出力ではなくてCSS3にするところが面白くて使い方によってはWEB...(続きを読む)

SVG、Canvasを使った次世代のテキストホバーエフェクト集
。ホバーでテキストにきりこみを入れたり、バックグラウンドアニメーシ...(続きを読む)

CSS3で気持ちよく動くフルスクリーンモーダル実装「animatedModal.js」
モーダルというとポップアップウィンドウを思い浮かべますが、フルスク...(続きを読む)

CSSアニメーションでページの表示時に要素を小気味よく動かすデモ...
。ページ切替時のアニメーション等を実装したライブラリは他にもありま...(続きを読む)

CSSアニメーションによるクリックアニメーション実装チュートリア...
。クリックした時の感じがなんとなく気持ちいい、というのはサイトを使...(続きを読む)

テキストをCSSやSVG等でアニメーションさせるやばいサンプル集
。WEB上でFlash等を使わずにこういうのはあまり見たことがない、かもしれ...(続きを読む)

クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト
。デザインや細かなアニメーションが最新のデザイントレンドを踏襲して...(続きを読む)

モダンなローディングエフェクトを作成できる「PleaseWait」
。フルスクリーンで開き、読み込み画像は複数のアニメーションエフェク...(続きを読む)

紙を重ねあわせた風の豊富なエフェクト集「Simple Stack Effects」
過去に画像でしかできなかったようなことも、CSS3で傾きを指定したりなん...(続きを読む)

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

CSS3ベースの新しいhoverエフェクトが実装できる「iHover」
マウスオーバーした際のホバーエフェクトをCSS3アニメーションを使ってリ...(続きを読む)

CSSでの画像切り替えアニメーションのアイデア集
画像を次に送った場合のアニメーションが豊富に提案されていて、イメー...(続きを読む)

CSS3で実現した多数のホバーエフェクト実装CSS「Hover.css」
。ボックスが浮き上がったり、拡大アニメーションしたり、ボーダーがア...(続きを読む)

CSS3＋JSで立体的に回転するキューブを実装できる「CSS3 Cube」
OpenGLを使った風の立体的にアニメーションするキューブが実装できます。b...(続きを読む)

WEB上でCSS3アニメーションを組み立てられる「Bounce.js」
。CSS3でアニメーションするというとっつきにくさを和らげてくれそうなツ...(続きを読む)

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

CSS3のグラデーションがより簡単に使えるようになるjQueryプラグイ...
。プラグインを読み込めば、<div class="square rainbow" id="gradient_2&...(続きを読む)

div、table、ulリスト等にソート、ページネーション、フィルタ機能...
。div、table、ulなどで列挙されたデータに、次のようなインタフェースを追...(続きを読む)

内容に応じて自動伸縮するtextareaを超簡単実装「Expanding Textareas」
。プラグインを読み込んでtextareaにclass付与だけでOKでお手軽関連エントリ...(続きを読む)