ASCII.jp：おしゃれなローディングアニメでイライラ解消 fakeLoader.js｜こうめの“これから使える”jQueryプラグイン

2015/02/06 47 users jQueryプラグイン ローディングアニメーション 圧縮

今回紹介するプラグイン fakeLoader.js 「fakeLoader.js」は、ページの読み込みなどの際にフルスクリーンのローディングアニメーションを表示するjQueryプラグインです。 あくまでも「フェイク」なので読み込みが終わったかどうかは判断できませんが、デフォルトで用意されたオシャレなローディングアイコンを手軽に表示でき、オリジナルの画像や背景色も選択できます。設置方法が明快で、圧縮... 続きを読む

ボタンにローディングアイコンを埋め込んでくれるSpin.jsをRailsで使う - Qiita

2014/05/31 32 users Rails Qiita gem github.com 古いＩＥ

Spin.jsとは ボタンにローディングアイコンを埋め込んでくれるプラグインです。 古いIEもサポートしてくれているのがとても助かります。 http://fgnass.github.io/spin.js/ インストール手順 Gemがあるのでそれを使います。 https://github.com/dnagir/spinjs-rails Gemfileに以下を追加してbundle install 続きを読む

Loaders Kit - CSS3で作るローディングアイコン|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/01/11 55 users エンジニア ソフトウェア Ajax ソース CSS3

WebアプリケーションはAjaxを多用するので処理状態を分かりやすくためローディングアイコンを使うと良いでしょう。通常その手のリソースにはアニメーションGIFが使われますが、色やサイズを変えたいと思う度に素材を作らないといけないのは不便です。 そこで新しいローディングアイコンを提供してくれるのがLoaders Kitです。なんとCSS3を使って多彩なローディングアイコンを提供しています。 全体像と... 続きを読む

jQuery.autopagerで次のページを読み込む間にローディングアイコンを表示させよう | Design Color

2013/10/28 75 users Design Color アイコン プラグイン ページ 以下

完成図イメージ 今回導入したオートページャーのローディングアイコンとは、以下の図のようなものです。次の記事が表示されるまでの間、グルグルと回るアイコンが表示されます。 オートページャーを実装する時に必要なもの4つ オートページャーを実装するにあたり必要なものは以下の通りです。 1.jQuery.autopager まずはこのプラグインがないと始まりませんねー！さっそくダウンロードしましょう。このプ... 続きを読む

ローディングアイコンが埋め込まれたボタン『Ladda』 | IDEA*IDEA

2013/06/05 40 users Ladda IDEA ユーザビリティ 開発ツール ボタン

ローディングアイコンが埋め込まれたボタン『Ladda』 June 5th, 2013 Posted in HTML5/CSS3 . 開発ツール・技術 Write comment ちとメモ的に。ローディングアイコンが埋め込まれたボタンですな。 ↑ ボタンを押すとローディングアイコンが現れます。 ユーザビリティを高めるのに良いかもですね。 » Ladda 続きを読む

[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。

2013/02/14 73 users jQuery nakamura くしゃみ Ajax バシャログ

最近目がかゆくてやたらとクシャミが出るんですけど、PM2.5 ってホント迷惑ですね～。みなさん、こんにちは nakamura です。 最近ちょっとおぉ！と思った jQuery プラグインがあったので今日はそのご紹介です。Ajax を使った非同期な処理も今やすっかり定番ですが、毎回メンドクサイな～と思うのがローディングアイコン。アニメーション Gif を用意して、どこで呼び出しても見栄えがするように... 続きを読む

ソースコピーで簡単に使えるCSS3とjQueryで作るローディングページ作りました | HTML5でサイトをつくろう

2012/07/04 289 users CSS3とjQuery HTML5 ローデ jQuery 実際

以前の記事で「画像を使わないでCSS3で様々なローディング用アニメーションをつくってみよう」という形でCSS3でローディングアイコンを作成しました。 しかしあのままでは動きませんので今回は、jQueryを利用して実際にサイトでローディングを行う際のサンプルを作成しました。 サイトでローディングを使うと言っても、使用イメージがつかないと思いますので、まずはサンプルをご覧ください。 今回作成するローデ... 続きを読む

CSS3アニメーションのおさらいとローディングアイコン :: 5509

2011/02/22 47 users おさらい とこ CSS3アニメーション CSS3 たくさん

「CSS3でつくるローディングアイコン」っていうのを何も考えずに作ったんですけど、同じこと考える人なんかたくさんいるので、1年くらい前から色々存在してました・・・でもせっかくつくったので、もうありますけど、公開しておきます。くるくる と ぼいんぼいんあ、せっかくなのでCSS3アニメーションをおさらいしましょう！（今おもいついたから強引につかったとこだけ） CSS3アニメーションのおさらいご存知の通... 続きを読む

Ajaxのローディング画像が作れるジェネレータまとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/08/31 359 users Ajax Ajaxload IDEA ローディング画像 ツール

ちょっと調べ物をしたのでシェア。Ajaxのローディングアイコンを作れるツールのまとめです。といっても3つだけだけど。たまに必要になりますよね。 Ajaxload – Ajax loading gif generator 色や透過指定ができますね。あまり作れる画像の種類は多くないっす。 Chimply generates your images これは有名ですね。画像の種類も豊富です。 Preloa... 続きを読む