[JAVASCRIPT] Beautiful Background Image Navigation with jQuery – jQueryを使ったバックグラウンド切り替え
jQueryを使ったクールなバックグラウンド切り替えプラグイン。大メニューにオンマウスする事で背景がパーツに分けて切り替わり、同時にサブメニューが出るというもの。デモページを見ると、なかなかオシャレなトランジションにグっときます。これ何かの仕事でメインナビゲーションで使ってみたいなー。
Tag Archives: jQuery
[JAVASCRIPT] WordPress SlideDeck Plugin – ワードプレスで簡単に導入できるアコーディオン
ワードプレスで簡単に導入できる、アコーディオン方式のコンテンツスライダー。プラグイン形式のようなので、プラグインファイルアップロードでサクっと導入できそうです。ちなみにサイトトップに行けば、通常のJS版をDLすることもできます。このコンテンツスライダーは横方向に蛇腹がめくれる形式なんだけど、その中で縦方向にもスライドできるという点がなかなか興味深いです。スクロールホイールにも対応してるので、使い勝手がとってもナイス。限られたエリア内で多くのコンテンツを見せたい場合にイイですねこれ。
[JAVASCRIPT] 14 Fresh and Useful jQuery Plugins – 使えるjQueryプラグイン
もいっちょjQueryプラグインがらみの記事。最近公開された新しいプラグインが紹介されてます。アイコンの拡大縮小、スライダーによるオブジェクト操作、画像へのノート、トランジションを組み合わせたソート機能、Lightbox亜種、トランジションを組み合わせたレイアウト、タブ切り替え、Tool Tip、スライドショー、イメージを使わないボタンデザイン、テーブルソートといった内容。ジャンルを絞らず色々紹介されてます。
[JAVASCRIPT] 7 Great Techniques For a Slick Layout – jQueryを使った、サイトコンテンツを滑らかに見せる手法
jQueryを使って、サイトのコンテンツを滑らかに見せるための手法が7つ紹介されてます。滑らかというかヌルっとしてるというか、ようするにトランジションに凝ったコンテンツ表示法の模索といったところです。いわゆるスライドものが多いんだけど、他にもパネル方式だったりLightbox亜種だったり色々です。共通しているのは、一定のエリア内で多くの情報を見せるための工夫と、プロセス（トランジション）の模索ですね。なかなか興味深いまとめ記事。
Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout
[JAVASCRIPT] Advanced jQuery background image slideshow – jQueryを使ったバックグランドスライドショー
jQueryを使った、バックグラウンドのフェード表現プラグイン。言葉で説明してもいまいちよく分かりませんが、デモサイトを見ればだいたい分かります。背景をフェードさせると同時に、上に乗っかるテキストなども併せて切り替える、という趣旨のもの。印象的な写真やイラストを大きく使う際に便利ですねこれ。
[JAVASCRIPT] 20 Best And Useful jQuery Plugins of March 2010 – 使えるjQueryプラグイン
使えるjQueryプラグインを集めた記事。わりと最近のものばかり紹介されているようで、初めて見るものも多く含まれてました。各作例ごとに、デモページへのリンクとDLページへのリンクが掲載されてます。Lightbox亜種、スライド、フォトギャラリー、フォーム関係など、様々なJavascriptが紹介されてます。
[JAVASCRIPT] Sponsor Flip Wall With jQuery & CSS – JSで作る回転するパネル
クリックする事で回転するパネル。jQueryを使って作られているようです。作例内では、スポンサーのロゴを表示しておいて、クリックする事で詳細情報が表示。リンクをクリックする事でスポンサーサイトへと遷移するという仕組みになってます。イベントとかでスポンサー一覧を表示する際にいいですね。あとポートフォリオサイトでの作例一覧、サムネール表示などにも使えそう。
[JAVASCRIPT] Grid Accordion with jQuery – 縦横にスライドするアコーディオン
通常縦や横のどちらかにスライドするアコーディオンと呼ばれるメニュー表現を、両方グリグリ動くようにしたJavascript。ライブラリにはjQueryが使われています。デモサイトを見ると分かるけど、サムネールも含めてX軸とY軸2つの方向にスライドします。触った感じがなんだか気持ちイイです。あとアイアンマンかっけース。