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. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  2. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  3. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  4. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  5. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  6. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP