Web Designing 2012年6月号「特集1:定番jQueryプラグイン2012」詳細目次&リンク集
01_メニュー
スプライト画像を利用したメニューをCSSを書かずに設置できる
マウスオーバーで項目が拡大するメニュー
ユーザビリティを向上させるページ内ナビゲーション
スクロールに追従して移動するメニュー
階層構造のコンテンツを整理して表示する
カスタマイズ可能なドロップダウンメニュー
02_ユーザーインターフェイス
jQuery UIで手軽にタブインターフェイスを実現
jQuery UIのシンプルなアコーディオンUI
無駄なスペースを可変グリッドレイアウトでまとめる
CSSではなく、jQueryで実装するリキッドレイアウト
03_画像
画像オーバーレイ表示の超定番「Lightbox2」!
マウスオーバーで拡大表示できるギャラリー
手軽に導入できるロールオーバーエフェクト
自動でスライドするコンテンツスライダー
画像もHTML文書もスライド可能な万能スライダー
04_アニメーション/動画
jQuery UIのアニメーション効果を活用しよう!
HTML5のマルチメディアプレイヤーを画面表示する
YouTubeやiframeにも対応のLightbox風マルチメディアプレイヤー
jQueryのアニメーションパターンを大幅に増やす
JavaScriptで画像をアニメーションさせる
column_多機能プラグイン
05_ソーシャルネットワーク
好みのデザインでFacebookのニュースフィードを掲載
ハッシュタグを指定してInstagramの写真を表示する
「いいね!」ボタンや共有ボタンを簡単に設置する
簡単に複数のアカウントが表示できるTwitterティッカー
シンプルで多機能なツイート表示プラグイン
06_スクロール芸
パララックス効果を簡単に実装する
スクロール値に応じてさまざまなエフェクトをつける
ページの自動読み込みでリッチなサイトに
マウスホイールのスクロールをイベントに設定
オリジナルのスクロールバーでトーン&マナーを統一する
07_その他
ページ遷移しないコンテンツでもブラウザの戻る進むボタンを有効にする
HTML5のhistory APIを利用してリッチな操作性を実現する
Webアプリケーションにキーボードショートカットを実装する
フォームにバリデーション機能を実装する
08_マルチデバイス
iPhoneのようなUIを実現する
簡単に実装できるスマートフォン向けのスワイプギャラリー
PCサイトとスマホサイトを簡単に切り替える
レスポンシブデザインの際の画像を制御する
jQueryの記法でCSS3のtransitionアニメーションを記述する
column_jqMobi
スマートフォンに特化したJavaScriptライブラリ「jqMobi」