ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」:phpspot開発日誌
Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに５０万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。 大量のデータをブラウザ上で一気に表示したい場合に便利そうです 関連エントリ 高機能＆高速なテーブル実装jQueryプラグイン「WATable」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 レスポンシブに要素を消さずに変形するテーブル
ファイルアップ用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」:phpspot開発日誌
入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation... 次の記事 ≫：ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示...
要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」:phpspot開発日誌
jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. 要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」。 次のように、はみだしたテキストを...で綺麗に要素内に収めてくれます。はみ出しているとカッコ悪いですが、サーバ側でこれをやるのはなかなか難しい。 JSなら綺麗にできますね。Read Moreみたいなテキストをつけることもできるみたい 関連エントリ フロートラベルを実装できるjQueryプラグイン「FlowupLabels.js」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」
ステップ形式のウィザードが作れる「jQuery Steps」:phpspot開発日誌
Examples - jQuery Steps ステップ形式のウィザードが作れる「jQuery Steps」。 WEBサイト上で、ユーザ登録画面などで入力項目が多い場合にステップ表示をした方がユーザは安心しますが、それをjQueryで簡単に実現できるプラグイン。 デザイン的にBootstrapなサイトでも使えそうで便利かも 関連エントリ フォームにて入力の入力UIを追加できる「jquery.signfield」 フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「Formplate」 Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 より良いフォームの入力ヒント実装jQueryプラグイン「Label Better」 クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」
超カッコ良い検索フォームのチュートリアル＆デモ:phpspot開発日誌
Simple Morphing Search | Codrops 超カッコ良い検索フォームのチュートリアル＆デモ。 検索窓といえば、単にinputがあって、というのを想像しますが、こちらを見れば、検索フォームはもっと改善が可能だという事を思い知らされます 検索窓がバーンと広がって全画面に。検索のサジェスト等も表示されます。 関連エントリ より分かりやすいプレースホルダを実装するチュートリアル WYSIWYGなサイト利用チュートリアルを簡単実装「Shepherd」
BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」:phpspot開発日誌
Bootstrap Enhancement Dropdowns BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 通常のDropdownにサブメニューを追加して階層的メニューを実装したり、ドロップダウンをcheckboxやradioのように使えるようにしたり、表示位置を変えたりと、かなり自由度が向上します。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapなサイトで使えそうなカラーピッカ
座席番号の予約機能などに使えそうなjQueryプラグイン「jQuery-Seat-Charts」:phpspot開発日誌
mateuszmarkowski/jQuery-Seat-Charts GitHub 座席番号の予約機能などに使えそうなjQueryプラグイン「jQuery-Seat-Charts」 座席を見たままクリックすることで予約できるUIは映画館や飛行機予約等いろいろなところで採用されていますが、これを比較的容易に実装できそうなプラグインです。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」
レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌
Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
BootstrapベースのクールなグリッドUI実装「jQuery Bootgrid」:phpspot開発日誌
Examples - jQuery Bootgrid BootstrapベースのクールなグリッドUI実装「jQuery Bootgrid」 次のような使いやすそうなデザインのグリッドをBootstrap上で実現したい場合に使えそうなjQueryプラグイン。 ソートやページネーションページネーションアド基本的な機能はそろっています。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 フリーのBootstrapテーマが満載「Bootstrap Zero」 お手軽に使えるBootstrapベースのオートコンプリート実装jQueryプラグイン「completer」 Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 Bootstrapなサイトでの通知に使えるレスポンシブなjQueryプラグイン「PNoti
WYSIWYGなサイト利用チュートリアルを簡単実装「Shepherd」:phpspot開発日誌
Shepherd ? Guide your users through a tour of your app. WYSIWYGなサイト利用チュートリアルを簡単実装「Shepherd」 サイトの上に吹き出しを付けて初心者向けの利用法を紹介するデモも比較的一般的になってきた感がありますが、それを実装するためのライブラリのご紹介。 これまでにもいくつか紹介してきましたが、こちらもなかなか使いやすそうです 関連エントリ サイトの使い方をその場で表示できるjQueryプラグイン「TourBus」 ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」 サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」 Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」:phpspot開発日誌
メニューが多い場合のMegaメニューのドロップダウン実装「Animated-megadrop」:phpspot開発日誌
WEB、アプリにフリーで使えるクールなUIキット「EVENTRAY UI KIT」:phpspot開発日誌
CSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」:phpspot開発日誌
Photoshopばりの画像編集エディタをサイト上で使えるようにするjQueryプラグイン「Classypicozu」:phpspot開発日誌
CSSでアニメーションを交えながらコンテンツをカッコよくフィルタリングするデモ:phpspot開発日誌
Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」:phpspot開発日誌
楽譜をWEB上で打ち込めるUI実装jQueryプラグイン「jsNoteEditor」:phpspot開発日誌
JavaScriptでのCSVの扱いを簡単にできる「CSV.js」:phpspot開発日誌
HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」:phpspot開発日誌