タグ ローディング用
人気順 10 users 50 users 100 users 500 users 1000 usersコピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクション -CSS Wand | コリス
コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクションを紹介します。ボタンのホバーエフェクトやローディング用のアニメーションが用意されており、商用でも無料で利用できます。 CSS Wand ...記事の続きを読む 続きを読む
[CSS]レトロなデザインがいいね!CSSアニメーションで実装されたローディング用のスピナー | コリス
画像やJavaScriptは無し、それぞれdivタグ一つとCSSアニメーションで実装されたシンプルでかっこいいローディング用のスピナーを紹介します。 CSS Loading Spinners スピナーは全部で12種類、レ...記事の続きを読む 続きを読む
[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator | コリス
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量(約3K)のスクリプトで、実装方法などは下記をご覧ください。 かな... 続きを読む
2012年のベストフリーPSD「Best Free UI PSDs of 2012」 | DesignDevelop
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用... 続きを読む
デザインも豊富、カスタマイズも可、ローディング用のGIFアニメーションをさくっと作成できる -Loader Generator | コリス
簡単に、ローディング用のGIFアニメーション画像を作成できるオンラインサービスを紹介します。 用意されているデザインは7種類、サイズやカラー、アニメーションのスピードなどカスタマイズも簡単にできます。 上段:Line(カラーはピッカーから選択可能) 中段:Circle, Arrow, Snake 下段:Pulsate, Wifi, Rectangle ローディング用の画像を作成するのは簡単です。 ... 続きを読む
[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic | コリス
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量(約3K)のスクリプトを紹介します。 デモページ Sonicの実装 Square(矩形)とCircle(円形)を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square(矩形) あとは、... 続きを読む
[JS]イージングのアニメーションを伴って画像を拡大するスクリプト -jQuery Image Flyout | コリス
イージングのアニメーションを伴って画像を拡大・縮小表示するLightbox風のjQueryのプラグインを紹介します。jQuery Image Flyoutの特徴プリローディングjQuery Image Flyoutではダイナミックな画像のプリローディング機能を実装しています。画像のローディング中は、ローディング用のテキスト、またはローディング用のアニメーションを利用することができます。イージングの... 続きを読む