テーブルをサクッとレスポンシブ対応にする「resTables」
複数列あるテーブルをスマホでみると２列に調整して表示出来ます。シン...(続きを読む)

Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテン...
Photoshop, Illustrator, Sketch, Affinity Designerに対応しているそうです。iOS単体で、...(続きを読む)

動的に背景イメージをジェネレートすることが出来る「GeoPattern」
SVGを使って綺麗なパターンを動的に背景に設定できるあたりが特徴。ユー...(続きを読む)

Bootstrapのナビメニューにアニメーションを付けてかっこ良くする「...
関連エントリ 画面サイズ目一杯使えるレスポンシブなナビゲーションメニ...(続きを読む)

高品質なMaterialデザインのBootstrapテーマ「Material Kit」
BootstrapベースのMaterialデザインのテーマがダウンロード可能。どのコンポ...(続きを読む)

レスポンシブなサイドメニューを実現するBootstrap4プラグイン「mdstr...
通常時は普通のナビゲーションですが一定の幅以下になるとハンバーガー...(続きを読む)

iframe,embed,object,videoをレスポンシブ対応にするjQuery「Flexy」
プラグインで初期化するだけでレスポンシブ対応にできます関連エントリ...(続きを読む)

スクロールで消えるレスポンシブなナビゲーションサンプル
スクロールするとアニメーションしつつアプリっぽく消えてスクロールア...(続きを読む)

テーブル等のヘッダをスクロールしても超簡単に固定できる「jquery...
テーブルのヘッダをExcelのようにスクロールしても固定して分かりやすく...(続きを読む)

タイプライター風エフェクトを実現するJS「TYPEWRITING」
指定した文字をターミナルにタイピングしている風のエフェクトを作るこ...(続きを読む)

コンテキストメニューにアイコンやcheckbox/radioを付けられる「jQuery....
...(続きを読む)

レスポンシブなタイル状レイアウトを実現できる「jquery-mosaic」
タイル状レイアウトを実装するものもレスポンシブ対応できないものもあ...(続きを読む)

ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」
WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、...(続きを読む)

時間をユニークな方法で指定するUI実装jQueryプラグイン「timedropper...
入力しようとすると、次のようなUIがあらわれて指で回転させることで時...(続きを読む)

背景をボカしてオシャレにできるモーダル実装jQueryプラグイン「blu...
iOSなどでつかわれている機能ですが、これをブラウザ上でも実現できるよ...(続きを読む)

クールな予約UIを実装できる「booking-js」
次のようなGoogleアプリのようなインタフェースの予約UIが作れます。開い...(続きを読む)

inputフォーカス時にフォーカスをクールにアニメーションさせる２...
input要素にフォーカスをうつした際にボーダーや背景、ラベルなどをカッ...(続きを読む)

文字数・単語数をリアルタイムにチェックできるjQueryプラグイン
textareaにテキストを入力中に文字数のカウントをリアルタイムにチェック...(続きを読む)

パスワードの安全性を判定してくれるJS「hsimp」
解読にどれぐらい時間がかかるか？ということで安全性を表示することも...(続きを読む)

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