Bootstrap向けのレスポンシブなダッシュボード用テンプレ:phpspot開発日誌
Dashboards by Keen IO Bootstrap向けのレスポンシブなダッシュボード用テンプレ。 次のようなカッコいいデザインのダッシュボード用テンプレがDLできます レイアウトがダッシュボード用に複数用意されています 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrapのポップアップを強化する「WebUI Popover」
ブラウザ画面を黒板っぽくクリック位置に好きな文字を書き込めるようにする「bigpicture.js」:phpspot開発日誌
josephernest/bigpicture.js GitHub bigpicture.js ブラウザ画面を黒板っぽくクリック位置に好きな文字を書き込めるようにする「bigpicture.js」。 次のように、好きな位置に文字を書き込めるUIを実現することが出来ます。 ドラッグ＆ドロップで画面移動、ホイールで画面全体を拡大・縮小ができ、マインドマップ風のツールとしても使えるかも。 関連エントリ OS Xのトラックパッドスクロール実装jQueryプラグイン「TrackpadScrollEmulator」 タッチ端末でもいい感じに使えるスライド作成jQueryプラグイン「ItemSlide.js」 スクロール位置調整を細かく出来るjQueryプラグイン「ScrollAdvance」 フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」
checkboxやradioをアイコン付きでよりオシャレにできるjQueryプラグイン「Labelauty」:phpspot開発日誌
Labelauty jQuery Plugin checkboxやradioをアイコン付きでよりオシャレにできるjQueryプラグイン「Labelauty」。 ボタンの横にアイコンを表示させてON/OFFでアイコンを変えたりすることが可能。 通常のデザインが分かりやすい時もあれば、そうでない時もあるかもしれないので、そういう場合の選択肢にこれを知っておいても良さそう 関連エントリ チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプラグイン「checkBo」 押しやすいカスタムデザインのcheck/radioボックスを実現できる「jquery-asCheck」 radioボタンをかっちょいいスライダーにしてくれるjQueryプラグイン「radiosToSlider」
Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」:phpspot開発日誌
Lazy-loading Google Maps ? Osvaldas Valutis Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」 スクロールした際に読み込む、画像のLazyLoaderは一般的になりましたが、GoogleMapでこれを実現するためのjQueryプラグイン。 http://osvaldas.info/examples/lazy-loading-google-maps 関連エントリ クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 ヒートマップが簡単に描画できるライブラリ「heatmap.js」
時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌
jquery.ui.timeselect 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」。 次のように入力時間の候補を補完できます。時間の入力って以外と多いと思いますが、入力がこれで楽にできそうです。 関連エントリ アナログ時計のUIで時刻を入力できるjQueryプラグイン「ClockPicker」 日付範囲の入力に便利な「jQuery UI Date Range Picker Widget」 フォームにて入力の入力UIを追加できる「jquery.signfield」 国際対応の電話番号入力補助が実装できるjQueryプラグイン「International Telephone Input」
div、table、ulリスト等にソート、ページネーション、フィルタ機能を追加できる「jPList」:phpspot開発日誌
Overview | jPList - jQuery Data Grid Controls div、table、ulリスト等にソート、ページネーション、フィルタ機能を追加できる「jPList」。 div、table、ulなどで列挙されたデータに、次のようなインタフェースを追加して、便利にしてくれるというもの。 既存のHTMLにソートやフィルタなどの機能拡張したい場合に使えそうです。 関連エントリ アイテムをクールにアニメーションしつつフィルタ・ソートが出来るjQueryプラグイン「MixItUp」 リストやテーブル、DIV等の要素を好みにJSでソートできるjQueryプラグイン「SortedList」 テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」
フォーカス時にプレースホルダをずらして分かりやすくできるjQueryプラグイン「Placeholder Label」:phpspot開発日誌
フォーカス時にプレースホルダをずらして分かりやすくできるjQueryプラグイン「Placeholder Label」 2014年06月10日- Plugin jQuery - Placeholder Label フォーカス時にプレースホルダをずらして分かりやすくできるjQueryプラグイン「Placeholder Label」。 inputフォーカス時にアニメーションしながらプレースホルダがズレて分かりやすくできるエレメントを $('input[placeholder]').placeholderLabel(); で実装できます プレースホルダの色やラベル色など、細かなカスタマイズも可能です 関連エントリ より分かりやすいプレースホルダを実装するチュートリアル フォーム要素のプレースホルダをシャレオツにする「Placeholdem」
Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」:phpspot開発日誌
jQuery MiniColors Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」。 Bootstrap以外なサイトでも使えるみたいですが、Bootstrapのデザインに違和感のない形でカラーピッカーを実装したい場合の１つの選択肢になりそう。 ピッカーの表示位置指定や、alphaの指定なんかも可能。jQueryプラグインなので簡単に実装できます 関連エントリ フリーのBootstrapテーマが満載「Bootstrap Zero」 Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrapでタグ入力＆サジェスト機能なinputを実装できる「MagicSuggest」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrap3のテーマをWY
ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」:phpspot開発日誌
jBox by Stephan Wagner ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」 これ１つでかなり多機能。ツールチップやモーダル、通知、それぞれに色々なデザインバリエーションがあってデザイン・アニメーション自体もカッコいい Bootstrapを使うまでもないけど、こうした機能だけ使いたいという場合にいいかも 関連エントリ レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 黒ベースでクールにアニメーションするツールチップ実装jQueryプラグイン「DarkTooltip」 ツールチップなどを表示した際に画面からはみ出さないようにしてくれる「offscreen.js」 フラットデザインが美しいシンプルかつスモールなツールチップjQueryプラグイン「Tipr」
ちょっとリッチな日付ピッカー「Rich Datepicker」:phpspot開発日誌
Rich Datepicker ちょっとリッチな日付ピッカー「Rich Datepicker」。 次のように月、年の入力も可能な日付ピッカー実装ができます。 素早く年月を考慮した入力を実施したい場合に使えそうですね 関連エントリ 変わったUIの日付＆時刻ピッカー実装jQueryプラグイン「DateTime Picker」 スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」 色の細かなカスタマイズが可能なスライド式カラーピッカー「jQuery Color Picker Sliders」
ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」:phpspot開発日誌
Responsive tables ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」 レスポンシブなテーブルというと、どうせ何か削るんでしょう、と思うところですが、主要項目を隠しつつも、見たい項目を選択して表示できるレスポンシブ方式。 テーブルは悩みどころではありますが、１つの解決策として知っておくとよさげ。 デザインもBootstrapベースで使いやすそうです 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 クールに実装できるレスポンシブなモーダルダイアログ「Remod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ストレスゼロで位置情報入力を簡単に実装できる「jquery-location-picker」:phpspot開発日誌
内容に応じて自動伸縮するtextareaを超簡単実装「Expanding Textareas」:phpspot開発日誌
Androidの通知（Toast）っぽいものをブラウザで実装できる「SnackbarJS」:phpspot開発日誌
入力欄に電卓を組み込める「jQuery Calculator」:phpspot開発日誌
いい感じに動くフラットデザインのローディングインジケーター「SVG Loaders」:phpspot開発日誌
よく使われている７２種のレイアウトが詰まった「UI Tiles」:phpspot開発日誌
Bootstrapなサイトでいい感じのモーダルダイアログを実装できる「uiblock」:phpspot開発日誌
開閉できる画像キャプション実装「Captioner.Js」:phpspot開発日誌
ネイティブっぽいフラットなモバイルWEBアプリの作成フレームワーク「App.js」:phpspot開発日誌