円形で回転するタイマーを実装できるjQueryサンプル:phpspot開発日誌

2011/11/12 30 users 円形 フラッシュアップ タイマー phpspot開発日誌 余地

Animated Circle Timer | jQuery Plugins 円形で回転するタイマーを実装できるjQueryサンプル。 １〜１０秒の間で指定して指定秒数をかけてタイマーを回すようなものが作れます。 CSS3を使っているので非対応ブラウザでは動きませんが、なかなか面白いサンプルだったのでご紹介です デモページはこちら プラグイン形式ではないのでブラッシュアップの余地はありますが、実験... 続きを読む

iTunesストアのトップのスライドショー風ウィジェットを実装できるjQueryサンプル:phpspot開発日誌

2011/11/09 39 users phpspot開発日誌 iTunesストア jQuery

Apple rotator banner effect with jQuery | jQuery Plugins iTunesストアのトップのスライドショー風ウィジェットを実装できるjQueryサンプル 左にメイン画像、右にサムネイルで３つあるあのiTunesストアのインタフェースをjQueryを使ってサイトで再現できます 解説ページはこちら シンプルなマークアップで実現できています Appleの... 続きを読む

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

2011/09/05 629 users phpspot開発日誌 ブラウザサイズ Codrops 画像

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表... 続きを読む

閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」:phpspot開発日誌

2011/08/09 83 users タブUI phpspot開発日誌 インタフェース タブ ボタン

JQuery Magic Tabs Plugin | jQuery Plugins 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」。 次のように、横に長くなってもスクロールできつつ、閉じるボタンもついて、インタフェースもなかなかクールなタブUIが実現できます。 ありそうであまり無かったかもしれないプラグインですね。もちろん「タブの追加」みたいなのもできます。 実装コード... 続きを読む