GIFアニメーションに再生ボタンを付けられる「Gifffer」
次のように再生ボタンを付けて、押すとGIFアニメの再生がはじまります。...(続きを読む)

タッチデバイスでリストを並び替えたり削除したりできるUI実装が...
ClearというTODOアプリがありましたが、あれ風のことをブラウザ上で実現で...(続きを読む)

モダンなUIキットが詰まったPSD「Modern UI Kit」
次のようなフラットではありませんが、美しいUIのPSDが入手できます。ア...(続きを読む)

より分かりやすいプレースホルダを実装するチュートリアル
プレースホルダは何も入力されていなければ何を入れるか分かりますが１...(続きを読む)

タイトルヘッダーをフルスクリーンにしてクールにするチュートリ...
。７種の秀逸なエフェクトのデモが見れます。見るだけでも楽しく勉強に...(続きを読む)

入力抵抗を少なくできるかも、なミニマムなフォームインタフェー...
。フォームにはたった１つのinputしか用意されておらず１個１個の質問に...(続きを読む)

見るだけでUIの勉強になるUIのアニメーションをまとめた「User Interf...
サンプルコードではありませんが、UIの挙動がGIFアニメーションで大量に...(続きを読む)

ドラッグ＆ドロップにまつまるUIデザインのアイデア集
。いつも驚きのデモを提供してくれるCodropsから。確認ページ関連エントリ...(続きを読む)

iOS7アプリ作成時に使えそうなワイヤーフレームToolkit
。次のようなよく使われるパターンのモックアップからなる画像を png, ai,...(続きを読む)

Bootstrapのポップアップを強化する「WebUI Popover」
。Bootstrap標準にpopoverというプラグインがありますが、これをよりカスタマ...(続きを読む)

フラットデザインのiOS端末モックアップ
。次のようなフラットなApple端末のモックアップがダウンロード可能。ア...(続きを読む)

スマホ用メニューっぽいスライドするメニューが作れる「jQuery Slidi...
次のような、階層型でアニメーションするスライドメニューが実装できま...(続きを読む)

マルチデバイスで利用可能な固定ナビゲーションを実装できる「Sma...
。ページの右下にメニューボタンを表示し、クリックすると開いて使える...(続きを読む)

開閉するサイドメニューの実装ができるjQueryプラグイン「tendina」
。PCサイトなどでのページサイドに階層型のメニューが簡単に実装できま...(続きを読む)

タッチ端末でドラッグ＆ドロップできるようにするjQueryプラグイン...
Sortable, Draggable, Droppableをタッチ端末で実現できるようにするものです。関...(続きを読む)

階層データを複数選択できるUIを実装できるjQueryプラグイン「treesel...
次のように折りたたみ可能なツリービューにチェックボックスがついてお...(続きを読む)

フォーカス時にプレースホルダをずらして分かりやすくできるjQuery...
。inputフォーカス時にアニメーションしながらプレースホルダがズレて分...(続きを読む)

スマホ、PCで使えるサイドバー実装ライブラリ「Slidebars」
スマホアプリでよく見られるメニューをスマホ、PCのWEBで使えるようにし...(続きを読む)

綺麗でレスポンシブなタイムラインのUIを作成できるjQueryプラグイ...
。次のようなデザインで、たて型、ヨコ型のデザインのタイムラインのUI...(続きを読む)

時間の選択に便利なUIを提供できる「jquery.ui.timeselect」
。次のように入力時間の候補を補完できます。時間の入力って以外と多い...(続きを読む)