Ladda

JavaScript

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

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

[ads_center]

Ladda

Ladda

Ladda

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

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

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

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

関連記事

  1. Tipso

    JavaScript

    レスポンシブでアニメーションもいい感じのツールチップのjQueryプラグイン「Tipso」

    Tipsoはレスポンシブに対応した軽量でアニメーションもいい感じのツー…

  2. HR Navigation Responsive Menu
  3. StickyStack.js

    JavaScript

    パネルにスタッキング効果を実装できるjQueryプラグイン「StickyStack.js」

    StickyStack.jsはパネルにスタッキング効果を実装することが…

  4. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  5. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  6. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP