Ladda

JavaScript

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

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

[ads_center]

Ladda

Ladda

Ladda

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

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

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

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

関連記事

  1. Toolgif

    JavaScript

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

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

  2. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  3. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  4. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  5. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP