持つ必要があります UIコンポーネント のために Web

通知 - それらは、開発者がページの上部に素早く点滅通知バーを表示することができます。ライブラリーは、正及び負のメッセージの成功とエラー通知タイプをサポートします。全体の構成要素は非常にポータブルであり、ユーザの操作がよくダウンしているか、道に沿って問題があった場合には、信号するための方法として、他のUIモジュールに追加することができます。通知 -...

このnotifyMeは、Webページ上の通知メッセージを示す重要なメッセージを中継したり、または単に様々な相互作用のための視覚的なフィードバックをトリガするために使用することができる。四つの異なる通知タイプは、さまざまな警告レベルを意味する、独自の色とそれぞれ、含まれています。これらは、一般的な/デフォルト（濃いピンク）、エラー（赤）、情報（青）、および成功（緑）です。デフォルトでは、通知は、ページのすべての4つの側面からそれらを表示することができるというnotifeMe、ページの横からアニメ化だ小さなパネ...

noUiSliderが原因で範囲スライダが必要とされたWebプロジェクトで作成された、開発者は以前に一つだけ貧弱なUIコンポーネントのために完全にjQueryのUIフレームワークをロードする必要があります。jQueryのUIフレームワークは非常に大きいので、それはそれを行うために、パフォーマンス、ページの速度とSEOに来たときに、それは意味を成しません。noUiSliderが遊びに来たとjQuery...

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

N＆uuml;ヒントは、さまざまなUIコンポーネントの形でユーザーからのフィードバックを示すオー​​ルラウンド "先端"プラグインです。プラグインは、次のモードで動作することができます。 - ツールチップ（チップとして示さホバー要素へのメッセージボックスの横） - ナゲット（ページの横からスライドするメッセージボックス） - ポップアップ（ページの中央に示すメッセージボックス） - 通知（バーなど、ページの上部に表示するメッセージボックス） -...

簡単に言えばプラグインはJS変数を持つ古典的な構成メカニズムを使用しますが、これらの設定は、HTML...

オリバーは、開発者がWebアプリケーションとデスクトップ環境の間のギャップを埋めるのに役立ちます。この小さなJavaScriptライブラリは、ブラウザの独自のUI＆フィードバックシステムを介してユーザーの許可を要求するポップアップし、その後で、デスクトップ通知を表示するために必要なすべてのツールを起動するために使用することができる簡単な方法が含まれる。テキストベースのメ​​ッセージの任意のタイプの横に小さなアイコン（画像）とともに表示することができる。。デモは、ダウンロードパッケージに含まれています。 ...

Ouibounceは、ユーザーのマウスがページの上部によってブラウザのビューポート（ページ表示領域を）離れるときを監視し、これが発生したときにモーダルウィンドウを示しています。ライブラリの背後にある原理は簡単です。すべてのブラウザでは、タブやタブ閉じるボタンは、ブラウザの上部に、ビューポートの上に表示されます。マウスは、トップ部によるビューポートのエリアを離れるたびに、ライブラリは、ユーザーがページを閉じるためにしようとしている推論します。この場合、Ouibounceが現在のページにユーザを維持するのに最後...

OuiCalは、以下のカレンダーサービスをサポートしています。GoogleカレンダーヤフーカレンダーiCalのカレンダーOutlookの予定表この小さなライブラリは、開発者が押されたときには既に入力され、いくつかのイベントの詳細と、それぞれのサービスのインタフェースを、ロードし、そのページ上の特別なボタンを追加することができます。開発者は、時間、継続時間、アドレス、説明、イベントタイプ、アラーム、および他の多くのより多くの開始、イベントのタイトルのようなイベントデータを事前充填することができます。OuiCa...

紙の崩壊は、Googleの有名な材料設計の提示に触発さとアコーディオンパネルがページに表示される方法を向上させるための気の利いた小さなツールですした。代わりに彼らにオプションがクリックされるたびに拡大する、紙の折りたたみプラグインは、それらはまた、さらにアコーディオンパネルの表示領域を拡大し、同時に幅で成長します。複数のパネルを同時に開くことができ、特別なアイコンは、彼が展開または要素を折りたたむことができれば、ユーザが知らせ、各ホバーパネル·ヘッダーの横に追加されます。紙折りたたむアニメーションのためのC...