Ladda

JavaScript

ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

Laddaはボタンとローディングアイコンが一緒になったUIを実装することができるjQueryプラグインです。ボタンをクリックするとローディングのアイコンがボタン内に表示されます。色んな種類が用意されているのが良いですね。

[ads_center]

Ladda

Ladda

Ladda

ローディングアイコンは、ボタン内のテキストの横に表示されたり、テキストがローディングアイコンに切り替わったりと様々な種類があります。

また、アイコンと同時にプログレスバーを表示して進捗度を確認したりすることもできるので、とても実用的で便利ですね。

シンプルなUIですが非常に見やすくてユーザーにも分かりやすいと思います。

ボタンにローディングアイコンを埋め込んで表示させたい時に活用してみたいです。

Jqx-Media-Sliderカスタマイズ性に優れたスライダーやカルーセルのjQueryプラグイン「Jqx-Media-Slider」前のページ

ビフォーとアフターを見比べれるjQueryプラグイン「Before and After image script」次のページBefore and After image script

関連記事

  1. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  2. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  3. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

  4. Toolgif

    JavaScript

    GIFアニメーションによるツールチップを実装できる「Toolgif」

    ToolgifはGIFアニメーションを活用したツールチップを実装するこ…

  5. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP