Woah.css 超ユニークなアニメーションが詰まった「Woah.css」 エキセントリック開発者向けということでちょっと変わったアニメーションが大量に収録されたCSSです 関連エントリ Sketchでアニメーションを直接つくれるプラグイン「AnimateMate」 スクロールインした際のアニメーションを簡単実装「AOS」 豊富なアニメーションが作れるAnimate.cssをJSで使うための「Animator」 アニメーション実装フレームワーク「anime.js」
手書き風のUMLシーケンス図をJSでリアルタイム描画できる「js-sequence-dia... 次の記事 ≫:オシャレなピクセル型の地図画像をWEB上で生成できる「Pixel Map Generator...
Bootstrap Vertical Tabs - Demo Bootstrapでたて型のタブを実装できる「Bootstrap Vertical Tabs」 通常横並びのタブを次のように縦に並べることが出来ます。UIとしてはよくあるUIですね 文字も90%回転させて次のようにすることも可能。 関連エントリ Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」 Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」 Bootstrapのselectを拡張した「select2」 BootstrapとMaterial Design Liteの比較
Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに50万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。 大量のデータをブラウザ上で一気に表示したい場合に便利そうです 関連エントリ 高機能&高速なテーブル実装jQueryプラグイン「WATable」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 レスポンシブに要素を消さずに変形するテーブル
Simple Morphing Search | Codrops 超カッコ良い検索フォームのチュートリアル&デモ。 検索窓といえば、単にinputがあって、というのを想像しますが、こちらを見れば、検索フォームはもっと改善が可能だという事を思い知らされます 検索窓がバーンと広がって全画面に。検索のサジェスト等も表示されます。 関連エントリ より分かりやすいプレースホルダを実装するチュートリアル WYSIWYGなサイト利用チュートリアルを簡単実装「Shepherd」
jQuery Bonsai by aexmachina シンプルなツリービューを実現できるjQuery「Bonsai」。 olなどで階層的にリストを定義して初期化すれば簡単にツリービューが作れます。 ツリーにチェックボックスをつけることも可能。シンプルなだけに使い勝手がよさそう シンプルなリスト チェックボックスありのリスト 関連エントリ キーボードでも操作できるツリービュー実装jQueryプラグイン「a11yTree」 OS標準のツリービューが実装できるjQueryプラグイン「fancytree」 ULリストをツリービュー状に開閉できるようにするjQueryプラグイン「Sapling」 階層データを複数選択できるUIを実装できるjQueryプラグイン「treeselect.js」
Waves Googleマテリアルデザインのクリックエフェクトを作成できる「Waves」。 アイテムをクリックすると水面に水滴を落としたようなエフェクトを作れます。 単にハイライトしているだけよりもカッコよくて気持ちいい感じがするこのエフェクトをブラウザ上で実現したい場合に参考にできます 関連エントリ ページ上で独自の右クリックメニューを作れるjQueryプラグイン「contextMenu.js」 タップ操作とクリックのイベントを統一できるjQueryプラグイン「jQuery Finger」 放射状の右クリックメニューを実装できるjQueryプラグイン「radialmenu.js」 Bootstrap風な右クリックメニューが実装できる「ContextJS」
Overview | jPList - jQuery Data Grid Controls div、table、ulリスト等にソート、ページネーション、フィルタ機能を追加できる「jPList」。 div、table、ulなどで列挙されたデータに、次のようなインタフェースを追加して、便利にしてくれるというもの。 既存のHTMLにソートやフィルタなどの機能拡張したい場合に使えそうです。 関連エントリ アイテムをクールにアニメーションしつつフィルタ・ソートが出来るjQueryプラグイン「MixItUp」 リストやテーブル、DIV等の要素を好みにJSでソートできるjQueryプラグイン「SortedList」 テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」
bselect BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 次のようにselectボックスのUIをリッチにし、アイテムの検索機能を付け、更にアイテムを階層化できるselectボックスが実装できます 検索ボックスがあることで入力がより簡単になりますね 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」 オシャレなSelectボックスが実装できる「FancySelect」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 selectボックスをインクリメンタル検索可能に機能拡張できるjQueryプラグイン「zelect」 selectをカッコよく
Treegrid jquery plugin デモ:TreeGrid for Bootstrap 3.0.x テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」。 Bootstrap3なサイトでも使うことができるようです。マークアップ上はただのテーブルですが、これを階層化して開閉できるUIは便利そうです。 こうしてますますBootstrapが強化されていって作り手としては嬉しい限りですね 関連エントリ Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるア
Hello jQuery.PrettyTextDiff - Arnab's Universe jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」 次のようにdiffをjQueryでやってくれます。テキストのbefore,afterをブラウザ上でやってくれます。 ブラウザ上で動的にDIFFを表示できるので、投稿前に、こう変わったよってところを表示できてかなり便利ではないでしょうか。 関連エントリ CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン10 面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columni
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く