Chartinator テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」。 棒グラフ、円グラフ、ジオチャート等様々な形式に変換することが出来るようです。 Google Chartsベースなのでデザインもシンプルで見やすいです。JSベースで描けるのでお手軽ですね。 関連エントリ かなり豊富な種類のグラフを描画できる「ECharts」

markcell/jQuery-Tabledit GitHub テーブル内容の編集がその場で出来て便利になる「jQuery-Tabledit」。 セルをクリックしてそのまま編集したり、編集ボタンを押してから編集可能になり、Saveボタンで保存、削除ボタン→確認で削除といった機能を埋め込むことが出来ます。 デモでは次のようにBootstrapをベースとして作られておりBootstrapなサイトでも便利に使えそう。 編集開始→保存時の挙動が細かく調整できるのはよさそうです 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」

Material Design Icons (expanded and color version) マテリアルデザインの色付きアイコン1400＋「Material Design Icons」 次のようないい感じのアイコンセット。単色が流行りですが、やはり色がはいると楽しさが大幅にアップしますね。 関連エントリ Googleマテリアルデザインのクリックエフェクトを作成できる「Waves」 Googleマテリアルデザイン風のボタンが作れる「RippleButtons.js」

Papier CSS library 綺麗なUIパーツが揃ったレスポンシブCSSライブラリ「Papier」 ボタン、ページャ、グリッドシステム、パネル、タブなど、Bootstrapでも使えるような機能を軽量で実現できるライブラリ。 Bootstrapはちょっとおもいし、そこまで必要ないんだよな、という場合の１つの選択肢として使えそう 関連エントリ Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」

20 Free One-Page PSD Website Templates １ページのフリーでモダンなWEBデザインPSD20個まとめ。 1ページデザインの参考にもなりますし素材としても使えそうです。 アプリ用のページなどもあるので、アプリ紹介ページなどにも活用できるかも 関連エントリ HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 フリーでHTML5ベースのリッチな管理画面テンプレート

Dynamic Timeline 綺麗でレスポンシブなタイムラインのUIを作成できるjQueryプラグイン「Dynamic Timeline」。 次のようなデザインで、たて型、ヨコ型のデザインのタイムラインのUIを生成できます。 関連エントリ 画面にリアルな雪を降らせられるjQueryプラグイン「Snowfall」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 画面から外れた際に要素をfixed固定できる「jquery-scrollfix」 座席番号の予約機能などに使えそうなjQueryプラグイン「jQuery-Seat-Charts」

plainModal カスタマイズ性の高いモーダルダイアログ実装ができる「plainModal」。 オプションやコールバックの設定でカスタマイズ性が高くて、サンプルも以下のようにいい感じで実装されたモーダル実装プラグイン。 関連エントリ Facebookのモーダルっぽいクールなダイアログを実現できるjQueryプラグイン「FaceBook Dialog」 クールに実装できるレスポンシブなモーダルダイアログ「Remodal」 ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」

Toscani: Payment Info Experiment クレジットカードの入力欄を１つにしてカード判別やValidateも可能にする「toscani」。 挙動は次のムービーのようになります。Invalidな場合のアニメーションもいい感じですし、Bootstrapにも親和性がありそう。 関連エントリ クレジットカード番号の入力を直感的にできる「Card.js」 クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」

jquery.ui.timeselect 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」。 次のように入力時間の候補を補完できます。時間の入力って以外と多いと思いますが、入力がこれで楽にできそうです。 関連エントリ アナログ時計のUIで時刻を入力できるjQueryプラグイン「ClockPicker」 日付範囲の入力に便利な「jQuery UI Date Range Picker Widget」 フォームにて入力の入力UIを追加できる「jquery.signfield」 国際対応の電話番号入力補助が実装できるjQueryプラグイン「International Telephone Input」

theDazzler/droidicon GitHub Google Material Designのアイコン1600個以上のセット「droidicon」。 アプリに、サイトに色々と使えそう。 関連エントリ amazon,visa等、決済関連のアイコンが７４個詰まったアイコンフォント「PaymentFont」 selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」

Material UI - Material Design React Components MaterialDesignされたCSSフレームワーク＆コンポーネント「Material UI」 Bootstrap的に使えるMaterialUIのフレームワーク。ますますデザインが簡単になっていきますね。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapなサイトで使える星形レーティングプラグイン

amazingSurge/jquery-asCheck GitHub 押しやすいカスタムデザインのcheck/radioボックスを実現できる「jquery-asCheck」。 次のようなカスタムデザインで大きめのcheck/radioボックスが簡単に実現できます。 関連エントリ チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプラグイン「checkBo」

PaymentFont amazon,visa等、決済関連のアイコンが７４個詰まったアイコンフォント「PaymentFont」 マルチ解像度、Retinaな時代には決済アイコンもフォントが便利かもしれません。 関連エントリ オンライン決済用のボタン75個セット

jQuery UI Date Range Picker Widget 日付範囲の入力に便利な「jQuery UI Date Range Picker Widget」。 何日から何日といった日付の範囲入力に便利。Bootstrapなサイトでも便利に使えそう 関連エントリ ちょっとリッチな日付ピッカー「Rich Datepicker」 Bootstrap風のファンシーな日付・時刻ピッカー実装プラグイン「jquery.filthypillow」 フラットデザインがいい感じの日付・時刻ピッカー「Rome」

Andras Toth WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」。 QRコードをWebCamにかざして情報を読み取れるようにするプラグインです。アイデア次第で便利な使い方ができるかも 関連エントリ JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」 画面にリアルな雪を降らせられるjQueryプラグイン「Snowfall」

jQuery Selectable - elohr selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」 selectというとその場で開閉するデザインですが、次のようなデザインの選択用のウィジェットに置き換え可能。 項目を検索できたり、項目がウィジェット内にならんでおり、便利に使えます 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」

jQuery tagEditor Plugin カスタマイズ性の高いタグ入力用フィールド実装用軽量JS「tagEditor」。 3.4kbにgzipできて、カスタマイズ性も高く使い勝手がよさそうなタグ入力用フィールドが実現可能。 選択肢の１つとして覚えておいても良さそう。 関連エントリ フォームでの洗練されたアイテムへのタグ付けUI実装jQueryプラグイン「taggingJS」 Bootstrapでタグ入力＆サジェスト機能なinputを実装できる「MagicSuggest」

jQuery Face Detection Plugin 画像や動画の顔認識ができる「jQuery Face Detection Plugin」 動画の顔認識もできるというのはあたらしいかも。 関連エントリ 顔の輪郭抽出ができるJavaScriptライブラリ「clmtrackr」

Bootstrap Enhancement Dropdowns BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement  Dropdowns」 通常のDropdownにサブメニューを追加して階層的メニューを実装したり、ドロップダウンをcheckboxやradioのように使えるようにしたり、表示位置を変えたりと、かなり自由度が向上します。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapなサイトで使えそうなカラーピッカ

jQAPI - Alternative jQuery Documentation Browser jQuery APIドキュメントを高速に閲覧できる「jQAPI」 JavaScriptベースで高速なAPI検索ツールを持ったAPIブラウザ。 Ajaxベースで高速に必要なドキュメントにアクセスが可能 関連エントリ Youtube,Vimeo,Dailymotion等の動画APIを共通化できる「jquery-video」 新し目のAPIにも対応したGoogleマップ操作jQueryプラグイン「Maplace.js」