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. Docked Link jQuery Plugin
  2. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

  3. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  4. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  5. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  6. Fluidbox

    JavaScript

    シンプルで軽快な動作が素敵なLightbox風のjQueryプラグイン「Fluidbox」

    FluidboxというjQueryプラグインを使えば、シンプルで軽快な…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP