[B! loading] cyokodogのブックマーク

CSS3だけで作れる格好良いローディングアニメーション５つ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お疲れさまです、モモコです。ゲリラ豪雨に備えて折り畳み傘を常にバッグに入れているせいか、何となく肩が重いです。今回はCSS3だけで作れるローディングアニメーションを5つご紹介します！閲覧の際にはモダンブラウザ（最新のGoogle Chromeなど）をご利用下さい。 FADE LOADING FADE LOADING 入力した文字がふわっと浮かび上がるローディングアニメーション。質感と動きが合っていてがとてもエレガントです。 CSS3 loading animation experiment CSS3 loading animation experiment DIRT3というゲームのUIにインスピレーションを得て作成されたローディングアニメーション。多彩な変化がついており、とてもクールなアニメーションになっています。 CSS only loading spinners CSS onl

cyokodog 2013/08/07

loading
css3

リンク

[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator

かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量（約3K）のスクリプトで、実装方法などは下記をご覧ください。かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic 今回紹介するのは、このSonicをコードベースでオンラインで簡単に設計でき、それをアニメーションGIFやCSSスプライト用のPNG画像を生成するオンラインツールです。

cyokodog 2013/04/03

良さげ

リンク

cmmntr.com

This domain may be for sale!

cyokodog 2012/10/24

リンク

html5-memo.com

cyokodog 2012/06/14

css3
loading

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

cyokodog 2009/08/31

リンク

[JS]外部スクリプトの読み込みをコントロールするスクリプト -LABjs

LABjs (Loading And Blocking JavaScript) 「LAB」は「Loading and Blocking」の略で、JavaScriptのロードとブロックをコントロールします。使用方法はキャプチャのように、最初に読み込ませたいスクリプト（jquery.js）、そのスクリプトを読み込んでから読み込ませたいスクリプト（jquery.ui.js, myplugin.jquery.js）、そして最後に読み込ませたいスクリプト（initpage.js）を順番に読み込ませることができます。外部スクリプトのタイミングは複雑に設定することが可能で、個別にsec, type, languageを指定することもできます。サンプルは下記ページを参照ください。 LABjs: Example

cyokodog 2009/07/13

リンク

プログレスバー　　無料サービス「Preloaders.net」 - GIGAZINE

AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元（3 dimensional）」「四角形（Rectangular）」「円（Circula

cyokodog 2009/02/03

リンク

小粋なローディング画面をひたすら集めた『PRETTY LOADED』 | 100SHIKI

これはとっても素敵。 PRETTY LOADEDは「ロード中」の画面をひたすら集めたサイトだ。まだ数は少ないが、なかなか素敵なローディング画面ばかりで、見ているだけでも楽しめる。どれも大手企業が手がけたばかりものなので予算がかかっていると言うか、なんというか。充実したFLASHのコンテンツを作ろうとするとどうしてもロード画面が必要になる。そうしたときにこのサイトを参考にしてみるのはいかがですかね。