コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクション -CSS Wand | コリス

2019/06/17 42 users ホバーエフェクト コリス アニメーション 商用 コピペ

コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクションを紹介します。ボタンのホバーエフェクトやローディング用のアニメーションが用意されており、商用でも無料で利用できます。 CSS Wand ...記事の続きを読む 続きを読む

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

2015/08/09 71 users コリス スピナー CSS CSSアニメーション 全部

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

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

2013/04/02 270 users 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 DesignDevelop Photoshop エントリー

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

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

2012/10/21 300 users コリス snake GIFアニメーション ピッカー 中段

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

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

2011/08/28 482 users コリス 矩形 script SONIC circle

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

[JS]イージングのアニメーションを伴って画像を拡大するスクリプト -jQuery Image Flyout | コリス

2011/02/15 42 users イージング jQuery コリス Lightbox風 テキスト

イージングのアニメーションを伴って画像を拡大・縮小表示するLightbox風のjQueryのプラグインを紹介します。jQuery Image Flyoutの特徴プリローディングjQuery Image Flyoutではダイナミックな画像のプリローディング機能を実装しています。画像のローディング中は、ローディング用のテキスト、またはローディング用のアニメーションを利用することができます。イージングの... 続きを読む