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

SafariのリーディングリストiPhoneのSafariでオフラインや圏外の時でもWebページを見る方法前のページ

時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」次のページjQuery PieTimer

最近の記事

  1. FUNLOGY スピーカー
  2. 聖剣伝説 VISIONS of MANA
  3. エルデの追憶
  4. コーヒー豆
  5. マレニア様……
PAGE TOP