DD_log / HTML,CSS,Javascript,Wordpressの解説や雑感サイト

 

 

 

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

 

 

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

 

 

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

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

 

 

 

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

 

 

1.line

 

 

2.Circle

 

 

3.Arrow

 

 

 

4.Snake

 

 

 

5.Pulsate

 

 

 

6.Wifi

 

 

 

7.Rectangle

 

 

以上です。

 

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

 

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

 

 

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

 

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

 

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

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

 

 

 

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