ベスト UIコンポーネント のために Web

それはのためのサポートが追加されますので、...

近年では、UX（ユーザーエクスペリエンス）の科学はゆっくりと成長していると、より多くのWeb開発者は自分のサイトにUXフレンドリーな機能を実装している。UXデザインの基本原則の1つは、ユーザと、彼が使用するアプリケーションとの間に一定の情報ストリームである。これはアプリが常に何かが起こっている場合、ユーザは知っているように有することを意味するので、彼は混乱するか、彼がやっているものに興味を失うことはありません。これは、彼らはまた、実際のUX研究に基づいて、新しいビデオをロード中にYouTubeのローディング...

社会シェアボタンが設定＆NBSP;開発者は、見栄えの良いCSSを共有する目的で、3つのボタンを構築することができます。彼らは、（必要な場合）のシェアの統計情報を紹介するためのカウンタ部を完備しています。今のところ唯一のツイッター、FacebookやGoogle+のボタンスタイルが含まれていますが、新しいものは、簡単に既存のコードからビルドすることができます。オリジナルデザインは、オーマンクラークの景品のデザインの一つに触発されました この要件：ます。 CSS...

gridster.jsは、ユーザーが自分のマウスを使用して、グリッドの設定に項目を移動することができます。さらに、それはまた、彼らはグリッド項目の右下の角をつかみ、ゆっくりと大きなまたは小さいサイズにサイズを変更させることができます。プラグインは、マルチカラムのレイアウト、衝突検出、およびグリッド要素の自動再配置をサポートしています。gridster.jsまた、グリッドの余白、間隔、列数、および全体的な動作を制御するためのカスタマイズ可能なパラメータの多くが付属しています。Internet...

このjQueryのcollapserには、非常に汎用性があり、多種多様な形態でトグル要素を構築するために使用することができる。あなたはトグラーが何であるか見当もつかない場合は、ユーザーのクリックで表示/非表示のコンテンツを表示折りたたみ可能な要素です。これらの折り畳み式の要素は、より小さな領域に長く、大規模なコンテンツを圧縮する素晴らしい方法です。プラグインは、コードの1つの行を追加することによって等のリンク、「続きを読む」、リストcollapsers、アコーディオンを作成するために使用することができます。...

応答タブは、開発者が徐々に使用可能な空きページ·スペースに合わせてウィジェットのサイズを変更し、それらのタブパネルウィジェットに迅速なサポートを追加することができます。この現象は、タブパネルが画面外に出たことがない、コンテンツが常に読みやすいです確認します。ウィジェットは、すべての最新ブラウザ上で動作し、また、両方の垂直方向と水平方向のタブレイアウトのサポートが付属しています。例タブパネルと使用手順は、応答タブのパッケージに含まれています。 このリリースの新機能：ます。...

Range2DSliderは、2Dのオブジェクトを選択する方法と、さまざまなを提供するために、水平および垂直範囲セレクタをマージする平面を調整します。選択は、マウスカーソルを使用して古典的な方法を作ったし、タッチスクリーンデバイス用のタッチサポートで、ドラッグ＆ドロップのジェスチャーをしている。必要なときに範囲スライダは、古典的な垂直または水平選択線内で作業し、1Dレンジセレクタにまで非推奨とすることができます。サンプルRange2DSliderウィジェットとデモページは、プラグインのファイルに含まれている...

TeebleはBackbone.jsと知り合いすべてのプログラマが彼のHTMLテーブルのインターフェースを向上させることができます。これは素晴らしいアイデアに思えるかもしれませんが、Teebleは、このようなものがスピードアップし、ナビゲーションの操作を容易にすることができ、巨大なテーブルデータ、大きなと共に使用する必要があります。デモはダウンロードパッケージに含まれています。 のこのリリースのの新機能：ます。 許可ページャでオーバーライド（）の引数のためにサーバー側のコレクションます。 ...

Webページ上のフィードバックを表示する必要がある場合は jQuery.notifyはクイックフィックスソリューションです。それは、開発者がデフォルトでこれらの5の通知タイプをサポートする、さまざまなアクションおよびページ状態の動的な確認を示すの簡単な方法を構築することができます：-alert - 成功 - エラー - 警告 -...

は、同様のツールチップシステムとは異なり、simpleTooltipは実際にはJavaScriptなしで動作することができます。simpleTooltipのJavaScriptの一部にのみコンテンツを中心とし、ツールチップ内のテキストの大規模な作品を扱うを扱っています。残りはすでにJavaScriptがロードされ、ページのロード時に実行されてあまりありますページで使用することは非常に非侵入ツールチップシステムを作成、CSS 3とHTML...