PleaseWait

JavaScript

ローディングアイコンをオシャレに実装することができる「PleaseWait」

PleaseWaitはローディングアイコンをオシャレに見せることができるJavaScriptライブラリです。ローディング中、退屈しがちなユーザーにとって少しは気を紛らわせることができそうですね。

PleaseWait

デモ

デモでは縦長の連続したバーが伸縮するようなアニメーション付きのローディングアイコンが表示されます。アニメーションがあることで実際のローディング時間が短縮されるわけではありませんが、ちょっとした退屈しのぎにはよさそうですね。

ライブラリ自体はシンプルなので、手軽に実装できるのがいいと思います。使い方もこんな感じでロゴ画像、背景色、メッセージなんかを指定することができます。

<script type="text/javascript">
    window.loading_screen = window.pleaseWait({
        logo: "logo.png",
        backgroundColor: '#f46d3b',
        loadingHtml: "<p class='loading-message'>sample message</p>"
    });
</script>

PleaseWait

関連記事

  1. no-image
  2. JavaScript

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

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

  3. jQuery Elastic Grid
  4. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  5. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  6. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP