無限スクロール向け雑なローディング画像 - Weblog - Hail2u.net

2015/06/10 17 users 無限スクロール View Demo 実装 Weblog 挿入

無限スクロールはちょくちょく実装することはあるが、追加するコンテンツの読み込みや挿入はともかく、ローディング画像の処理で悩むことがある。その表示の切り替えには実装と処理のどちらにおいてもそこそこコストがかかるからだ。かなり前に色々考えるのが面倒になり、常に表示しておくという雑な手をよく使うようになった。 View Demo: Easy Loading Marker for Infinite Scr... 続きを読む

これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ | コムテブログ

2014/05/18 422 users コムテブログ WordPressテーマ 小技まとめ 縮小 拡大

ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸... 続きを読む

CSSのローディング・アイコンのコスト - Weblog - Hail2u.net

2014/05/18 85 users この際 Weblog hail2u.net CSS コスト

今までは主にアニメーションGIFで作られていたローディング画像をCSSアニメーションで作るみたいなのが流行っている。面白いとは思うし、ちゃんと作ればスケーラブルなので便利そうでもある。けれどもローディング画像を表示するための空要素が必要になり、かつ後にそれを消さなくてはならない。CSSだけだと面倒くさそうだ。 どういうローディング画像かはこの際、問題ではないのでとりあえずmain要素以下に何かしら... 続きを読む

ブタメンのサイトのクオリティが高い | KonifarPod

2013/03/29 13 users ブタメン KonifarPod ローディング 定番駄菓子 気分

ブタメンと言えば誰もが知ってる定番駄菓子ですね。僕も小さい頃めっちゃ食べてました。久しぶりに食べるとなんだかノスタルジックな気分にさせてくれます。 このブタメンをGoogle先生で調べてみたところブタメン公式サイトが見つかったのですが、これがまた意外にもクオリティが高かったのでご紹介したいと思います！ （１）ローディング ローディング画像も凝ってますw なんか可愛いです。 （２）トップページ FL... 続きを読む

読込中のあのローディング画像を簡単に作成できるサービス「Loader Generator」 : ライフハッカー［日本版］

2012/11/01 83 users ライフハッカー ソフトウェア ローディング中 パターン 読込中

Webツール , ソフトウェア , ブラウザ , 最新テック 読込中のあのローディング画像を簡単に作成できるサービス「Loader Generator」 2012.11.01 14:00 「Loader Generator」は読込中に使えるローディング画像を簡単に作成できるサービスです。よくローディング中の画面に表示されるくるくる回るGIF画像を作ることができます。パターンもいくつか用意されている... 続きを読む

ローディング画像を生成できる便利なジェネレーターまとめ4つ - コメンター

2012/10/24 24 users コメンター Facebookページ クリエイター シェア

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 Facebookページ 2012年8月にオープンしたコメンターのFacebookページでは、クリエイター向けの最新Web/IT情報をどこよりも... 続きを読む

CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２:phpspot開発日誌

2012/08/02 87 users phpspot開発日誌 canvas 軽量 関連エントリ 種類

12 Free jQuery Pre-Loader Plugins CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２がまとまっています。 画像の種類が色々ある上に実装方法も、単なる画像ではない方法が選べます。 画像じゃない方法でローディング画像を実装したい場合は参考にするとよさそう。 画像ではないため、軽量でレスポンシブなサイトにも使えるというところですかね 関連エントリ ... 続きを読む

画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」:phpspot開発日誌

2011/08/17 51 users spin.js phpspot開発日誌 パラメータ 方式 最初

spin.js 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」。 あのローディング画像を画像を使わず、外部CSSも使わない方法で実現でいるライブラリです。 パラメータをいじくれば簡単にローディングイメージをカスタマイズ可能です。 独立して動く方式をベースとして、jQueryプラグイン方式で動くコードも公開されているみたいです。 最初は画像だったものが、画像... 続きを読む

重たい画像やFLASHアニメーションを読み込む際に生じる「ストレスを軽減」する為のローディングアニメーション画像を扱っているサイトを5点紹介 - YATのBlog

2011/04/06 50 users jQuery YAT ローディング画面 ユーザ フルフラッシュ

WEBサイトの読み込み中に白い画面だけが出て長時間待たされるとユーザはサイトを閉じてしまいます。これを避けるために、ユーザーを少しでも楽しませるためにフルフラッシュのサイト等で頻繁に使われていたローディング画像を紹介します。ローディング画像を利用する理由、メリット最近ではjQueryを利用した画像の読み込み時でも活用されるようになり、ローディング画面はもはや一般的なものになりました。そもそもWEB... 続きを読む

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

2009/08/31 359 users Ajax Ajaxload IDEA ローディングアイコン

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