はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ローディング用

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 5 / 5件)
 

[CSS]レトロなデザインがいいね!CSSアニメーションで実装されたローディング用のスピナー | コリス

2015/08/09 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス スピナー CSS CSSアニメーション 全部

画像やJavaScriptは無し、それぞれdivタグ一つとCSSアニメーションで実装されたシンプルでかっこいいローディング用のスピナーを紹介します。 CSS Loading Spinners スピナーは全部で12種類、レ...記事の続きを読む 続きを読む

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

2013/04/02 このエントリーをはてなブックマークに追加 270 users Instapaper Pocket Tweet Facebook Share Evernote Clip SONIC コリス スクリプト アニメーション デモ

かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量(約3K)のスクリプトで、実装方法などは下記をご覧ください。 かな... 続きを読む

2012年のベストフリーPSD「Best Free UI PSDs of 2012」 | DesignDevelop

2012/12/08 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop DesignDevelop エントリー

サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用... 続きを読む

デザインも豊富、カスタマイズも可、ローディング用のGIFアニメーションをさくっと作成できる -Loader Generator | コリス

2012/10/21 このエントリーをはてなブックマークに追加 300 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス snake GIFアニメーション ピッカー 中段

簡単に、ローディング用のGIFアニメーション画像を作成できるオンラインサービスを紹介します。 用意されているデザインは7種類、サイズやカラー、アニメーションのスピードなどカスタマイズも簡単にできます。 上段:Line(カラーはピッカーから選択可能) 中段:Circle, Arrow, Snake 下段:Pulsate, Wifi, Rectangle ローディング用の画像を作成するのは簡単です。 ... 続きを読む

[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic | コリス

2011/08/28 このエントリーをはてなブックマークに追加 482 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 矩形 script SONIC circle

HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量(約3K)のスクリプトを紹介します。 デモページ Sonicの実装 Square(矩形)とCircle(円形)を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square(矩形) あとは、... 続きを読む

 
(1 - 5 / 5件)