CSSPIN CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code View on Github Tweet
![CSSPIN - CSS Spinners and Loaders](https://cdn-ak-scissors.b.st-hatena.com/image/square/b8a118796b7f9356e4e24b4d5cf47979af02fba2/height=288;version=1;width=512/http%3A%2F%2Fwebkul.com%2Fblog%2Fwp-content%2Fuploads%2F2016%2F11%2Fcsspin-poster.png)
Animated Circle Timer | jQuery Plugins 円形で回転するタイマーを実装できるjQueryサンプル。 1〜10秒の間で指定して指定秒数をかけてタイマーを回すようなものが作れます。 CSS3を使っているので非対応ブラウザでは動きませんが、なかなか面白いサンプルだったのでご紹介です デモページはこちら プラグイン形式ではないのでブラッシュアップの余地はありますが、実験や勉強用にソースを見てみてもよいかも。 タイマー秒数はソースに直接書く感じのようです 関連エントリ タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」 ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」 シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」
33 Amazing Examples of Flash Preloaders | Naldz Graphics Flashのローディング画面のアイデア集。 Flashのローディング画面というと、パーセンテージを表示してみたり、円形のものが回転したりを想像しますが、他にもアイデアは色々とあります。 高速回線となった今でも、重いコンテンツを表示する際は必要となるローディング画面のアイデア集を覚えておくとよいかも。 読み込み中に遊べるコンテンツを置いた例 読み込み状況をX/Y軸のグラフで表示。カーソルにパーセンテージもついてきます ハチがはちみつのビンを一杯にしてくれます。アニメーションを眺めていればローディングが終わります バッテリー残量を増やしていくように、なんだかチャージされている気がして気持ちがいいかも 燃料のメーターっぽくローディング 凝りすぎてローディング画面に容量を取られすぎてし
現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoader」 2010年04月12日- prettyLoader | Stphane Caron ? No Margin For Errors 現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoader」 通常、ローディング中というと、ボックス要素の中身にローディングするGIFアニメーションなんかがはいっていたりしますが、prettyLoaderはマウス追従型のローディング表示実装用ライブラリです。 Windowsでいう砂時計みたいな扱いですが、どんなページにも違和感ない実装が可能で、応用範囲が広そうです。 次のような、比較的古いブラウザにも対応しているようです。 Firefox 2.0+ Safari 3.1.1+ Opera 9+ Internet Explo
While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone. CSS transformsCSS transform (in Firefox 3.5+ and Webkit-based browsers) has a whole bunch of interesting functions, such as rotation, translation, scaling and skewing. To learn more about the different functions, ch
Chimply generates your images ユニークなAjax読み込みアイコンが作れる「Chimply」。 チンパンジー風のキャラアイコンが可愛いアイコン作成サイト。 作れるアイコンは、ユニークで、ほかでは作れないようなものがズラリ。 色なんかのパラメータも当然調節できるようです。 個人的に、以下の物が気に入ったので作ってみました。 これは、便利ですね。 関連エントリ Ajax読み込み画像を作成するサービス++
Once upon a time, in a land of sputtering dial-up connections, websites took ages to load. Folks yearned for the 100% mark. But as soon as that figure arrived, the beloved (or bemoaned) preloader disappeared, never to be seen or heard from again. Until now. Pretty Loaded is an archive of preloaders that preload other preloaders…which in turn reveal yet more preloaders. Copy that? It’s a tribute to
busy.js (loading indicators) busy.js 1.0 allows you to add/remove loading indicators to html elements on your webpages 指定したHTMLエレメントをローディング中にする際に便利な「busy.js」。 例えば、div 要素全体に次のようにローディング中にすることが出来ます。 デモはこちら - 要素をクリックでローディング状態にすることが可能 オーバーレイで要素自体の色も変わるため、ローディング中であることがよく分かるようになっています。 関連エントリ グレーアウト表示ライブラリ:glayer.js 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」
By Jakob Skjerning: By Absolute Radio: By Keppler-IT: By absofort: By FreeSolutions: By Pascal Germroth: By Martin Jespersen: By 3 Man Army: By Nicolai Willems: By Simon Claret: By Dvir Volk: By Laurens van Hees: By Sherv.NET: By Paul C Smith: By H5 N1: By PositronVX: By matt: By Goldplate Ltd: By Netlife: By websedit AG: By Timur Gafforov: Background color: Black | White | Custom (for display pur
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く