コピペで簡単！ボタンやテキストリンク、アイコンで使えるCSSのさまざまなアニメーション -CSSeffectsSnippets | コリス

2021/01/12 9 users コリス CSS コピペ アニメーション エフェクト

ボタンやテキストリンク、アイコン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。 CSSのエフェクトはスニペットに登録しておくと、すぐ...記事の続きを読む 続きを読む

[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets | コリス

2019/03/15 126 users コリス CSS コピペ スニペット CSSアニメーション

テキストリンクやボタン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。 気になったアニメーションは、スニペットなどに登録しておくと便利...記事の続きを読む 続きを読む

[CSS]コピペで簡単に利用できる、シンプルでセンスのあるアニメーションが気持ちいいプリローダー | コリス

2017/12/20 25 users コリス CSS コピペ cubic-bezier 緩急

円の軌跡に沿って、ドットだけをさまざまなアニメーションで動かしたシンプルでセンスのあるプリローダーを紹介します。 cubic-bezier()を使用した緩急のあるアニメーションは、タイミングをずらすことで、気持ちいい動き ...記事の続きを読む 続きを読む

[CSS]ネコ好きにはたまらない！紐につかまった猫がぶらぶらするプリローダー -Cat Swinging on String | コリス

2017/09/19 29 users コリス CSS アニメーションgif CSSアニメーション

画像は一切無し、CSS+HTMLで実装された、紐につかまった猫がぶらぶらするCSSアニメーションを紹介します。 ページが読み込まれる時のプリローダーで、こんなのがあったらずっと見ちゃいますねｗ 上記のアニメーションgif ...記事の続きを読む 続きを読む

ユニークなタイプが多数！Pure CSSで実装できるプリローダー 5 | NxWorld

2015/04/18 47 users NxWorld SVG 備忘録 ローディングアニメーション

以前にもCSSやSVGなどで実装するプリローダー（ローディングアニメーション）を一度まとめたことがあるんですが、また幾つか使わせてもらう機会ありそうなものや覚えておきたいものが幾つかあったので備忘録です。今回はいずれもPure CSSで実装したプリローダーとなっており、シンプルでどんなデザインにも合うタイプももちろんありますが、全体的にちょっと変わったものなど他では見ないようなタイプのものが多めで... 続きを読む

シンプルなオブジェクトを楽しいアニメーションで動かしたかわいいプリローダー -Flat Preloaders | コリス

2014/03/26 50 users コリス オブジェクト 楽しいアニメーション PNG gif

最近のトレンドカラーを使い、シンプルなオブジェクトをさまざざまな楽しいアニメーションで動かしたプリローダーの素材を紹介します。 Flat Preloaders ダウンロードできるファイルのフォーマットは3種類で、32x32, 64x64, 128x128とサイズも3種類が用意されています。 .gif (すぐに使えるGIFアニメーション） .png (スプライト用の画像) .aep (After E... 続きを読む

Rails使いよspork, zeusからspringへ！ | Act as Professional - hiroki.jp

2013/02/08 81 users ZEUS spring Railsコミッター Rails 特徴

Rails application preloader といえば spork や zeus を使っている人もいるかと思います。今後、期待できる preloader として spring を教えてもらいました。springはzeusと類似していますが、springはrubyで実装されています。Railsに綿密に統合されているのが他のプリローダーと比較すると大きな特徴です。Railsコミッターが開発し... 続きを読む

jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT - かちびと. net

2012/01/11 36 users アニメーションエフェクト jQuery easing CSS

ちょっとお洒落なプリローダーを探してた という方の参考になるかな・・と思ったの と、自分でも使いたかったので備忘録です。 アニメーションエフェクトが素敵なプリ ローダー・CUSTOM PRELOADER EFFECTの ご紹介です。 エフェクトはjQueryとeasingで動かし、エレメントはcssで作成しています。コードも軽量で分かりやすいし、エレメントはcssベースなのでなかなか使い勝手がいい... 続きを読む

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

2009/02/02 219 users プログレスバー GIGAZINE Ajax Flash 速度

AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってで... 続きを読む