データを読み込んでいる最中に表示されるプリローダーのGIFアニメーションを作成できる無料サービス「Preloaders.net」


AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。

実際のサンプルや作り方などは以下から。
Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)
http://www.preloaders.net/

種類は「3次元(3 dimensional)」「四角形(Rectangular)」「円(Circular)」「水平線(Horizontal)」の4種類。


形をまずは選びます。


次に背景色を選びます。「Transparent background」にチェックを入れれば背景は透明になります。


同様にしてプリローダー自身の色を選びます。


次にプリローダーの縦と横の長さ(5~220の範囲)を決めます。「Constrain proportions」にチェックを入れれば縦横比は保持されるようになります。


最後にアニメーションする速度を決めて、「Generate preloader」ボタンをクリックすれば完了


「Download」をクリックしてダウンロードして保存しましょう


これが上記設定で実際に作ったサンプルです

・関連記事
AJAXロード時のアニメーションGIFを作成する「Ajaxload」 - GIGAZINE

サイトのFavicon(ファビコン)を作る無料サービス「FavIcon from Pics」 - GIGAZINE

AJAXで配色を決める無料サービス「Accessibility Color Wheel」 - GIGAZINE

知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE

JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ - GIGAZINE

AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」 - GIGAZINE

AJAXでリアルタイムでサイト上に何人いるか表示する「Real Time Online Counter」 - GIGAZINE

パッケージ風の画像を作成する無料ネットサービス「3DWebBox」 - GIGAZINE

in レビュー,   ネットサービス, Posted by darkhorse