【Webページのローダーを生成】Loader Generator

カテゴリ : すべてのカテゴリ

 

スクリーンショット 2014-04-16 17.54.15

 

 

Webページにローディングを使用する際の便利なサイトを消化します。

 

 

Webページのローダーを生成してくれるサイト「Loader Generator」

 

 

使い方はとても簡単で、様々な種類のローダーを作成することができます。

もちろん色やスピード、大きさの設定も細かく行うことができます。

 

 

 

まずはローダーの種類を紹介します。

 

 

1.line

スクリーンショット 2014-04-16 18.02.21

 

 

2.Circle

スクリーンショット 2014-04-16 17.56.24

 

 

3.Arrow

スクリーンショット 2014-04-16 17.56.27

 

 

 

4.Snake

スクリーンショット 2014-04-16 17.56.29

 

 

 

5.Pulsate

スクリーンショット 2014-04-16 17.56.32

 

 

 

6.Wifi

スクリーンショット 2014-04-16 17.56.36

 

 

 

7.Rectangle

スクリーンショット 2014-04-16 17.56.39

 

 

以上です。

 

また種類によってセッティングは異なりますが、ローダーの色、背景の色、スピード、大きさなどが設定できます。

 

設定完了後「Download GIF」ボタンをクリックすると、アニメーションGIFの画像が生成されます。

 

 

また生成したローダーをページに組み込む解説が分かりやすくされているサイトがありました。

 

HTML版簡易ローディング画面設置ｊQuery

 

シンプルな記述で実装を行えます。

ページの読み込みに時間がかかるタイプのサイトに利用すると良さそうですね。

 

 

 

4月、5月と仕事に追われて更新が滞ってますが、隙を見つけて更新していきます。

 

最近の投稿

  

About Web Site & Key Word

このWebサイトについて＆キーワード

■ html,css,JavaScriptなどのweb言語についての解説やメモ、Flash(ActionScript)でゲーム制作を行うための技術紹介、 WordPressを使用したCMS作成のための解説やメモ、アプリ制作の記録や解説やメモ、またそれらにまつわるニュースやブログを掲載します。

■ web制作,CMS制作,ゲーム制作,アプリ制作,
Android,iOS,iPhone,iPad,html,css,JavaScript,Flash,ActionScript,php,cgi,WordPress,Titanium Studio,ブログ,ニュース