パララックス効果を与えてくれるjQueryプラグイン「7 Useful Parallax jQuery Plugins」 | DesignDevelop

2014/01/02 203 users オブジェクト DesignDevelop 手前 エントリー

2013年のWEBでは大きく活躍していたパララックス効果。視差効果によってもたらされる体験は、今までのWEBとはまた違った感覚を与えてくれました。今回紹介するのはそんなパララックス効果を簡単に利用できるプラグインをまとめたエントリー「7 Useful Parallax jQuery Plugins」です。 7 Useful Parallax jQuery Plugins 手前と奥にオブジェクトを設... 続きを読む

ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」:phpspot開発日誌

2011/12/05 47 users ページスクロール jQueryプラグイン メニュー 別ページ

ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 2011年12月05日- stickyFloat | jQuery Plugins ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 ページをスクロールするとメニューもスクロールしてくれて別ページに移動しやすいあのUI... 続きを読む

階層的なdivをツリービュー風に変換してしまうjQueryプラグイン「Arborescence.js」:phpspot開発日誌

2011/12/02 39 users div jQueryプラグイン phpspot開発日誌

階層的なdivをツリービュー風に変換してしまうjQueryプラグイン「Arborescence.js」 2011年12月02日- Arborescence.js | jQuery Plugins 階層的なdivをツリービュー風に変換してしまうjQueryプラグイン「Arborescence.js」 divで複数階層化したデータをこのプラグインで初期化するとクリックで開閉できるツリービューに仕立て上... 続きを読む

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

2011/11/12 30 users jQueryサンプル 円形 フラッシュアップ タイマー 余地

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

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

2011/11/09 39 users jQueryサンプル phpspot開発日誌 jQuery

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

使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」:phpspot開発日誌

2011/11/02 88 users スクロールバーデザイン phpspot開発日誌

使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」 2011年11月02日- nicescroll : stylish scrollbars ios look-alike | jQuery Plugins 使うときだけ表示できるiOS風独自スクロールバー実装jQueryプラグイン「nicescroll」 OSによってスクロールバーデザインが違ったり、... 続きを読む

Apple.comの新スライダーエフェクトを実装するjQueryプラグイン:phpspot開発日誌

2011/10/31 67 users jQueryプラグイン phpspot開発日誌 ヘッダー

like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動き... 続きを読む

PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」:phpspot開発日誌

2011/10/27 101 users phpspot開発日誌 スワイプ スマホ 画像

PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 2011年10月27日- Asketic Swipe Gallery | jQuery Plugins PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 この手のものはスマホ限定だったりするのですがPC... 続きを読む

タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」:phpspot開発日誌

2011/10/17 68 users jQueryプラグイン phpspot開発日誌 タブ 何個

タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」 2011年10月17日- Infinite Rounded Scrolling Tabs | jQuery Plugins タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」 次のような角... 続きを読む

ページの背景全体を広告にするjQueryプラグイン「background banner」:phpspot開発日誌

2011/10/11 30 users jQueryプラグイン phpspot開発日誌 背景全体

background banner | jQuery Plugins ページの背景全体を広告にするjQueryプラグイン「background banner」 最近ちょくちょく見かける広告商品の背景広告。コンテンツそのままに背景を広告にしてしまうことでインパクトが大きいプロモーションが出来たりします。 これをjQueryで簡単に実装できてしまうプラグインが公開されています。コンテンツ内はクリックし... 続きを読む

div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」:phpspot開発日誌

2011/10/06 120 users クリッカブル height width jpg IMG SRC

Div Linker | jQuery Plugins div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」。 次のようなマークアップがあったとして、この場合は「Link text」部分にしかリンクされません。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <br /> <a... 続きを読む

iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Roto」:phpspot開発日誌

2011/09/13 36 users iPhone カルーセル実装jQueryプラグイン ボタン

Roto | jQuery Plugins iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Roto」 PCオンリーでも使えるのですが、iPhoneでもスワイプで画像をドラッグ＆ドロップで送れるプラグインです。 PCで見るとボタンが表示されて画像を送ることができますし、iPhoneでアクセスするとボタンは非表示で画像をカルーセルできます。 横に一列というだけじゃなくて... 続きを読む

編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」:phpspot開発日誌

2011/09/09 46 users コンボボックス jqueryプ jQueryプラグイン 自分

編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」 2011年09月09日- Editable Combo Box | jQuery Plugins 編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」。 HTML標準では編集できるコンボボックスというのは存在せず自分で作る必要がありますが、このjQueryプ... 続きを読む

ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy ＆ Paste Hijacker」:phpspot開発日誌

2011/09/08 27 users Copy jQueryプラグイン phpspot開発日誌

ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy ＆ Paste Hijacker」 2011年09月08日- Copy & Paste Hijacker | jQuery Plugins ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy ＆ Paste Hijacker」。 例えば、ページ内で気になった文書があってC... 続きを読む

迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン:phpspot開発日誌

2011/08/29 44 users jQueryプラグイン phpspot開発日誌 フッター

Full Screen Background/Slideshow | jQuery Plugins 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン。 ブラウザのサイズに応じて画像のサイズも切り替わるというフルスクリーンのスライドショーが実現可能です。 大きめの解像度の写真を迫力そのままに出したいみたいなシチュエーションで使えるかもしれません。 フッターにサムネイルつき... 続きを読む

Yahoo!Incのお天気ウィジェット実装jQueryプラグイン:phpspot開発日誌

2011/08/26 16 users Inc インタフェース phpspot開発日誌 温度 天気

Like Yahoo Weather Feed with jQuery Plugin | jQuery Plugins Yahoo!Incのお天気ウィジェット実装jQueryプラグイン ブロック要素の中に世界各地の天気や温度をアニメーションで切り替えるウィジェット実装用jQueryプラグインです 動きやインタフェースが参考になるのと、旅行やインターナショナルなサイトなんかではすぐ導入して使ってみて... 続きを読む

カーソルを合わせた際に背景画像をアニメーションさせるメニュー実装jQueryデモ:phpspot開発日誌

2011/08/23 19 users カーソル アニ phpspot開発日誌 ブラシ デモ

horizontal navigation menu with jQuery | jQuery Plugins カーソルを合わせた際に背景画像をアニメーションさせるメニュー実装jQueryデモ。 ちょっと説明がわかりづらいのでデモを見てもらうのが早いですが、メニューの背景がアニメーションしながら切り替わります。 更にメニューの背景がブラシで描かれたような形になっていて、全体の背景にも影響せずにアニ... 続きを読む

スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」:phpspot開発日誌

2011/08/18 105 users jQueryプラグイン phpspot開発日誌 サイドバー

スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」 2011年08月18日- Smart sticky floating box | jQuery Plugins スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」。 スクロールするとア... 続きを読む

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

2011/08/09 83 users jQueryサンプル タブUI phpspot開発日誌 タブ

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

折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」:phpspot開発日誌

2011/07/29 40 users phpspot開発日誌 ズラッ 最初 メニュー リスト

折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」 2011年07月29日- Simple Tree Menu | jQuery Plugins 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」。 階層的なリストを単純に開いたり閉じたりできるというシンプルなメニューです。 メニューは最初からズラッと並... 続きを読む

あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」:phpspot開発日誌

2011/07/25 27 users カラーピッカー ウィザード jQueryプラグイン パーツ

ExColor color picker plugin | jQuery plugins | ModCoder - Innovative Software Solutions for Web Sites#wizard#wizard あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」。 サイト上からウィザードでパーツを選択してカラーピッカーを独自にデザインできちゃうという優れ... 続きを読む

サイト内で動くデジタル時計を実装するためのjQueryプラグイン「Clock」:phpspot開発日誌

2011/06/24 36 users Element clock phpspot開発日誌 時計

jQuery Dynamic Clock Plugin | jQuery Plugins サイト内で動くデジタル時計を実装するためのjQueryプラグイン「Clock」。 ちょっとサイト内で動く時計を作りたい場合に、$(element).clock() とやるだけでデジタル時計がエレメント内に現れるという便利なプラグインです。 次のような時計が作れます。CSSデザインなのでデザイン調整は簡単ですし... 続きを読む

jQuery Browser Extension to detect IPhone and IPad Safari browser | jQuery Plugins

2011/05/19 9 users

jQuery Browser Extension to detect IPhone and IPad Safari browser 続きを読む

縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」:phpspot開発日誌

2011/05/17 44 users jQueryプラグイン phpspot開発日誌 table

縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 2011年05月17日- Lightweight Scrollable Tables | jQuery Plugins 縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 $('table')... 続きを読む

要素をドラッグ＆ドロップで自由にリサイズできる「jQuery Splitter」:phpspot開発日誌

2011/04/01 59 users phpspot開発日誌 split ペイン リサイズ 要素

jQuery Splitter | jQuery Plugins 要素をドラッグ＆ドロップで自由にリサイズできる「jQuery Splitter」。 通常、ブロック要素というと固定が当たり前ですが、jQuery SPlitterを使えば、Windowsアプリケーションのようにペインをリサイズ可能です。 使い方も色々とありそうです。 マウスで簡単リサイズ   JSのコードは次のように split メ... 続きを読む