CSSUI - Pure CSS interactive components JSを一切使わないCSSでできたドロップダウンなどのUI実装「CSSUI」 そこまでJSを使わない必要があるのか、と逆に思ってしまいますが、リッチなUIがCSSのみで作れてしまいます
GitHub - opoloo/jquery_upload_preview: This is a small jQuery plugin, which provides a live preview of selected files before they're actually uploaded to the server. 画像や音声ファイルをアップロード前にプレビューできる「jquery_upload_preview」 アップロードした後に「間違った!」と思っても後の祭りですが、事前に確認できるようにしておくと親切かもしれません。 関連エントリ ファイルアップロードのボタンをBootstrapにできる「Bootstrap File Input styler」
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」 レスポンシブに要素を消さずに変形するテーブル
WATable - A swiss army jQuery table plugin 高機能&高速なテーブル実装jQueryプラグイン「WATable」 フィルタ、フォーマット、ぺージ分け、ソート等を高速にJSで機能させられるテーブルの実装が出来ます。 データを全部一括で読み込んでいるためかなり高速に動作します。 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」 レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」
Panel slider example シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」。 ページの左からあらわれ、コンテンツごとスライドさせるスマホアプリ風メニューが実装出来ます。 関連エントリ 開閉するサイドメニューの実装ができるjQueryプラグイン「tendina」 シンプルデザインなページサイドをメニューにできる「Simple Sidebar」
スマホアプリ紹介WEBサイト作成テンプレート「Mobile App Introduction Template... 次の記事 ≫:動画パスを指定するだけで簡単に背景動画を設定できる「video-background-...
Skippr. A jQuery plugin for creating tasteful slideshows. フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」 スライドショーのUIがフラットでシンプルなスライドショーが作れるようです。 実装されているデモははフルスクリーン仕様でモダンな感じがいいです。 自動再生や速度調整などの基本機能は存在しつつ、シンプルに利用できるみたい。 関連エントリ 背景を分割するなどしてカッコよく切り替えるスライドショーサンプル 画面を印刷して机においた風のエフェクトがクールなスライドショー「Tilted Content Slideshow」
6KB以下の超軽量でフラットなLightBox実装jQueryプラグイン「Featherlight」 2014年05月20日- Featherlight ? The ultra slim jQuery lightbox. 6KB以下の超軽量でフラットなLightBox実装jQueryプラグイン「Featherlight」。 画像、iframe、ajaxでコンテンツをロードできて、余計な機能は除いて軽量なLightBoxを実装したい場合に使えそう アニメーションも比較的高速で、動きもサクサクしている感があります。 とりえあえず、軽いけど基本的な機能はそろってるLightBoxを使いたいという場合に使えそうです 関連エントリ レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブで何でも埋め込めるLightBox実装jQue
perfect-scrollbar 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 要素にフォーカスするとスクロールバーが現れて、コンテンツの邪魔にならない程度に表示されるスクロールバー。 どんな大きな要素も指定の範囲に収めてスクロールバーを使ってコンテンツは閲覧可能という状態にできます。常にスクロールバーが表示されていたら邪魔ですが、フォーカスを外すと消えるのがいい感じ。 関連エントリ 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 クールなスクロールバーを実装するためのjQueryプラグイン集
selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 2014年04月21日- wSelect :: jQuery Select Box Plugin selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 次のようなアイコン付きででbootstrapなサイトでもでも使えそうなselectボックスが実装できます。 国際的なサイトなどで、言語を切り替えるスイッチを作る場合なんかに使えそう。 アイコン画像は次のようにdata-iconで指定してあげて、あとは初期化というお手軽さもいいですね。 関連エントリ フラットでカッコいいselectボックスを作成できるjQueryプラグイン「EasyDropDown」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 selectボ
Multifilter - Sort a table on Multiple inputs. A jQuery plugin from Tommy Palmer. 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」。 テーブル内容をフィルタするのに用意されているものは1個というのが殆ですが、条件を複数指定して絞り込めるフィルタプラグインです。 アイテム量が多い場合なんかに使えそうですね 関連エントリ テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 HTML5+JSONでインタラクティブなテーブルを作れる「Dynatable.js」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 テーブル行をインクリメンタル検索できるようにするjQueryプラグイン「
Demo ? jQuery Feeds 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。 複数のRSSを時系列にサクッとまとめて表示したい場合に便利そうです 次のようにJSONでURLを定義してあげればまとめて表示してくれるみたい 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 おしゃれで軽量なシェアボタンを実装できるjQueryプラグイン Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 フラットデザインがクールなカレンダー実装jQueryプラグイン「kalendar」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグ
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます。 Emailやクレジットカード等のよく使いそうなバリデーションや長さチェック等一般的なものまで実装されています。 リアルタイムバリデーションで使い勝手をよくしたい場合の1つの選択肢として覚えておいても良さそう 関連エントリ Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 フリーで使えるフラットでハ
Perspective Page View Navigation | Codrops 超カッコイイ立体的なメニューを実装したデモ。 ページがあって、クリックすると次のようにページが傾いてメニューが表示されるというデモです。 デザインもフラットでクール。 数年後のWEBではこうしたデザインは当たり前になっているのかもしれませんね。 関連エントリ スマホでも多階層のメニューが作れるレスポンシブなjQueryプラグイン「slimMenu」 レスポンシブ対応のメガメニュー実装jQueryプラグイン「Accessible Mega Menu」 ページ上で独自の右クリックメニューを作れるjQueryプラグイン「contextMenu.js」 アコーディオン型のシンプルな階層メニューが作れるjQueryプラグイン「navgoco」 レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Nav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く