グリッドで作るレスポンシブなタブUIデザイン実装「Gridtab」
。タブデザインはデスクトップで一般的になりましたがタッチ端末全盛時...(続きを読む)

Bootstrapのように多数のコンポーネントが詰まったUIツールキット「T...
レスポンシブでモバイル、WEBで使えて、特にフラットデザインというのが...(続きを読む)

selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easy...
。selectタグにmultiple属性を追加すると複数選択が可能ですが、これを複数...(続きを読む)

メニューが多い場合のMegaメニューのドロップダウン実装「Animated-me...
選択肢が多くても大丈夫なMegaメニューをピュアCSS or JSアニメーションで表...(続きを読む)

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

iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframe...
iframe外からはコンテンツの高さって取れなかったりしたと思うので、いざ...(続きを読む)

selectタグの機能を大幅に向上させる「selectivity」
。機能だけでなくデザインもモダンにしてくれます文字でフィルター可能...(続きを読む)

背景色にブラーをかけて今っぽくするjQueryプラグイン「Background Blur...
iOSなどで導入されているこの機能ですが、実装することでより今っぽくな...(続きを読む)

アニメーションするモダンなモーダルダイアログを汎用的につくれ...
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバー...(続きを読む)

特定要素をスクロールに応じて固定ナビゲーションにできる「Clingi...
指定した要素を、要素が隠れるタイミングで固定ナビゲーションバー化す...(続きを読む)

Windowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folder...
フォルダUIの再現度が高く、使い慣れたUIをWEBでも使えるようにできます関...(続きを読む)

selectボックスでもっと高速に選択できるようにするUI実装「Quick sele...
通常のselectは一旦ドロップダウンを開いてから探して選択、という使い方...(続きを読む)

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

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

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

ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「...
これ１つでかなり多機能。ツールチップやモーダル、通知、それぞれに色...(続きを読む)

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

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

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

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