新しい UIコンポーネント のために Web

jQueryのタブは、タブ付きパネルを構築する簡単な、比較的高速な方法です。プラグインは#hashtags経由でディープリンクをサポートし、開発者がプラグインに影響を与えることなく、彼らがパネル内部にしたい任意のタイプのコンテンツを配置することができます。これは、単純なテキストからフォームへとYouTubeビデオまですべてを意味します。もちろん、デモはjQueryのタブのパッケージに含まれてます。 要件：...

jQuery.scrollChaserは、ユーザーがページを下にスクロールしている間に、ページの先頭に要素スティックを作るために、開発者を可能にします。要素には、ブラウザウィンドウの上部にすべてのページを貼り、またはちょうど別の容器内のことができます。容器は完全にオフスクリーンになったとき、後者の場合には、粘着性の要素は、ウィンドウの上部から削除されます。jQuery.scrollChaserもスティックに底機構としてだけでなく、トップ/ボトムマージンを相殺し、逆にサポートしています。実施例および使用手順は...

jQueryのカスタムスクロールバーのプラグインは、任意のページ要素で使用して実装するのは非常に簡単で、開発者が始めるのに役立つ小さな例が付属しています。設計者は、彼らがしたい任意の方法でそれをスタイリングできるように、デフォルトのパッケージに来て、最小限のUIクラッタは、もあります。デプロイ後、このカスタマイズされたスクロールバーをドラッグ＆ドロップすると、マウスホイールナビゲーションの両方で使用できます。 要件： このJavaScriptはクライアント側で有効になってjQueryの この制限事項：...

ChillTipはページ要素のタイトルtitle属性内のコンテンツを取得し、ツールチップコンテナ内に投影することによって動作します。それだけでなく、通常のテキストで、またはHTML形式のコンテンツを扱うことができます。ChillTipのツールチップには、イメージ、スパンとのリンクに表示されるように設定することができます。他の要素は、タイトル属性をサポートしている場合、それらは同様にプラグインで使用することができます。任意のページ要素のChillTipツールチップを有効にするには、それに「chillTip...

のデザインは、Adobe...

を選択し、スイッチの主な機能は、ユーザーが項目を選択する方法にあります。代わりに、リストから項目をドロップダウンインジケータをクリックし、マウスで選択するので、ユーザーはトグルボタンをクリックする必要があります。あらゆるで選択リスト項目が変更されたクリックして、行の次のいずれかに進みました。これは、マウスを移動せずに、ドロップダウンボタンの下に大きなリストをスクロールする時間を無駄にすることなく行われます。基本的なクリックが要素間で変更することが必要であるためと、これはまた、選択スイッチは、任意の複雑なハッ...

iOS7スイッチCSSコンポーネントは、これらの醜い見てチェックボックスやラジオボタンを交換するための完璧な、単純なオン/オフスイッチをサポートするために、任意のサイトやモバイルアプリに追加することができます。使用される色と形状は、いくつかのCSSラインを変更することによって微調整することができ、スイッチボタンは、様々なサイズで表示することができます。iOS7スイッチのデモは、ダウンロードパッケージに梱包されます。 要件：ます。 CSS 3対応ブラウザ この制限事項：...

「スライダー」成分は、基本的なインターフェイス、およびスライダが使用されている場合にはドラッグが終了したときを検出できる2つのJSイベントのサポートが付属しています。最小＆最大スライダーの値がサポートされており、初期のスライダ値は、ページのロード時に設定することができます。ドラッグが終了すると、開発者は、スライダーから新しい値を取得することができます。これは、コールバックをトリガし、それらのアプリケーションでスライダの出力を使用する開発者を可能にします。シンプルなスライダーの例は、ダウンロードパッケージに含...

jQueryのスティッキーアラートバーは、Webページ上の重要なメッセージを示すための理想的なツールです。アラート、通知、警告、更新、プロモーション、グリーティングメッセージ、および様々なユーザー行われたアク​​ションのためであってもフィードバックから、すべてはjQueryのスティッキーアラートバー内に表示することができます。バーのコンテンツはJavaScriptで動的に渡され、その中に表示されるテキストは、HTMLとCSSを経由してフォーマットすることができます。また、バーは常に関係なく、ユーザの位置がペ...

NumberProgressBarは、静的なポーズで、水平方向の進捗バーを示しているか、リアルタイムでアニメーション。プログレスバーは、すべての制御およびスタイルCSSを経由して、バーはまた、彼らの現在位置に基づいて色づけすることができますされています。パーセンテージまたは通常の数字は、プログレスバーの値も負のスケールをサポートするプラグインのために使用することができます。NumberProgressBarは、コールバック関数まで/最大値をminに、アニメーションのオプションに至るまで、カスタマイズ可能な設...