[JAVASCRIPT] Dynamic Page / Replacing Content – JSでコンテンツ内容を切り替える
jQueryを使って、ページ遷移なしに多くのコンテンツを見せる手法。いわゆるタブ切り替えにトランジションを加えたような内容で、最近じゃ1ページサイトでよく使われる手法でもありますね。クリック後の動きがちょっとモタつくんですが、サイト全体のグローバルナビゲーションに使うもよし、サイト内の一部のコンテンツに使うのもイイですね。
Tag Archives: Javascript
[JAVASCRIPT] Beautiful Background Image Navigation with jQuery – jQueryを使ったバックグラウンド切り替え
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] 12 Insanely Awesome Javascript Effects – Javascriptを使ったアニメーション表現
Javascriptを使った、アニメーションを伴ったエフェクト表現をまとめた記事。ただ動くだけではなく、ユーザーからのマウスやキーボード入力に応じて反応する点が特徴。「こんな事もできるのか・・・」というのが素直な感想なんだけど、これって数年前にもFlashで同じような事を思った記憶が。時代は変わるもんですな。いやーそれにしてもスゴい。
[JAVASCRIPT] Advanced jQuery background image slideshow – jQueryを使ったバックグランドスライドショー
jQueryを使った、バックグラウンドのフェード表現プラグイン。言葉で説明してもいまいちよく分かりませんが、デモサイトを見ればだいたい分かります。背景をフェードさせると同時に、上に乗っかるテキストなども併せて切り替える、という趣旨のもの。印象的な写真やイラストを大きく使う際に便利ですねこれ。
[JAVASCRIPT] 20 Best And Useful jQuery Plugins of March 2010 – 使えるjQueryプラグイン
使えるjQueryプラグインを集めた記事。わりと最近のものばかり紹介されているようで、初めて見るものも多く含まれてました。各作例ごとに、デモページへのリンクとDLページへのリンクが掲載されてます。Lightbox亜種、スライド、フォトギャラリー、フォーム関係など、様々なJavascriptが紹介されてます。