読み込み中の画面を少しでも楽しくしよう！印象的なCSSローディング・アニメーション35選

RankRED

RankRed is a place where you can find a lot of interesting and inspiring stuff about science and technology, internet, programming tools and plugins, robots, machines and high tech gadgets, and much more.

本記事は、35 Impressive Ajax and CSS Loaders / Spinnersを
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,292 views

読了時間 : 約3分7秒

インターネット接続は日々高速化していますが、Webページの読み込みを待たなければならない瞬間もあります。開発者たちは、クリエイティブなローダー【コンピュータプログラムの種類や機能のひとつで、データやプログラムを外部から読み込む（load：ロードする）もの】を作ることで、この待ち時間を苦痛なく楽しく過ごせるように最善を尽くしています。

基本的にローダーは、バックグラウンドでプロセスが進行中で、それが数秒かかることを示します。その間ユーザーを確実に引き留めておくために、WebサイトやWebサーバーの管理者はユニークなローダーを使用しています。印象的なローダーの秘密は、面白いアニメーションと細部へのこだわりにあります。

数年前までは、アニメーションを読み込むのは大変で、GIFだけに限られていましたが、今では強力なテクノロジーとモダンブラウザ【Web標準に対応するブラウザ】によって、Ajax、CSS、jQueryで読み込むことができます。スピナー【ぐるぐる回るもの】は高度にカスタマイズ可能で、サーバーはユーザーからのリクエストをスムーズに処理します。

この記事では、ダウンロードしてプロジェクトで使用できる35の素晴らしいAjaxとCSS3【CSSの最新版】のローダーを紹介します。これらのローダーは、アルファ透過で軽量なスクリプトを使用しており、高度な設定が可能で、解像度に依存しません。