2012年6月号: 「特集1：定番jQueryプラグイン2012」詳細目次＆リンク集

• 01＿メニュー

  スプライト画像を利用したメニューをCSSを書かずに設置できる

  • imagineMenu

  マウスオーバーで項目が拡大するメニュー

  • Kwicks for jQuery

  ユーザビリティを向上させるページ内ナビゲーション

  • jQuery One Page Navigation

  スクロールに追従して移動するメニュー

  • jQuery Floating Widget

  階層構造のコンテンツを整理して表示する

  • jsTree

  カスタマイズ可能なドロップダウンメニュー

  • jQuery Mega Drop Down Menu

• 02＿ユーザーインターフェイス

  jQuery UIで手軽にタブインターフェイスを実現

  • jQuery UI Tabs

  jQuery UIのシンプルなアコーディオンUI

  • jQuery UI Accordion

  無駄なスペースを可変グリッドレイアウトでまとめる

  • jquery.vgrid.js

  CSSではなく、jQueryで実装するリキッドレイアウト

  • jQuery UI Layout Plug-in

• 03＿画像

  画像オーバーレイ表示の超定番「Lightbox2」！

  • Lightbox2

  マウスオーバーで拡大表示できるギャラリー

  • Cloud Zoom

  手軽に導入できるロールオーバーエフェクト

  • Adipoli.js

  自動でスライドするコンテンツスライダー

  • Nivo Slider

  画像もHTML文書もスライド可能な万能スライダー

  • Orbit

• 04＿アニメーション／動画

  jQuery UIのアニメーション効果を活用しよう！

  • jQuery UI

  HTML5のマルチメディアプレイヤーを画面表示する

  • jPlayer : HTML5 Audio & Video for jQuery

  YouTubeやiframeにも対応のLightbox風マルチメディアプレイヤー

  • prettyPhoto

  jQueryのアニメーションパターンを大幅に増やす

  • jQuery Easing Plugin

  JavaScriptで画像をアニメーションさせる

  • jAni

• column＿多機能プラグイン

  さまざまな機能を持つjQueryプラグイン

  • jQuery UI
  • Twitter Bootstrap
  • simplelib with jQuery
  • jQuery EasyUI

• 05＿ソーシャルネットワーク

  好みのデザインでFacebookのニュースフィードを掲載

  • fb.wall

  ハッシュタグを指定してInstagramの写真を表示する

  • jquery-instagram

  「いいね！」ボタンや共有ボタンを簡単に設置する

  • jQuery.socialbutton

  簡単に複数のアカウントが表示できるTwitterティッカー

  • A jQuery Twitter Ticker

  シンプルで多機能なツイート表示プラグイン

  • Tweet!

• 06＿スクロール芸

  パララックス効果を簡単に実装する

  • Parallax.js

  スクロール値に応じてさまざまなエフェクトをつける

  • scrollorama

  ページの自動読み込みでリッチなサイトに

  • jQuery.autopager: Automatic paging plugin for jQuery

  マウスホイールのスクロールをイベントに設定

  • jQuery Mousewheel Plugin

  オリジナルのスクロールバーでトーン＆マナーを統一する

  • jQuery Custom Content Scroller

• 07＿その他

  ページ遷移しないコンテンツでもブラウザの戻る進むボタンを有効にする

  • jQuery hashchange event

  HTML5のhistory APIを利用してリッチな操作性を実現する

  • jQuery.LazyJaxDavis

  Webアプリケーションにキーボードショートカットを実装する

  • jqKeyCodeBinder

  フォームにバリデーション機能を実装する

  • exValidation

• 08＿マルチデバイス

  iPhoneのようなUIを実現する

  • jQuery iPhone UI

  簡単に実装できるスマートフォン向けのスワイプギャラリー

  • touchSlider

  PCサイトとスマホサイトを簡単に切り替える

  • Pc2Sp.js

  レスポンシブデザインの際の画像を制御する

  • Response JS

  jQueryの記法でCSS3のtransitionアニメーションを記述する

  • jQuery transitionAnimate

• column＿jqMobi

  スマートフォンに特化したJavaScriptライブラリ「jqMobi」

  • jqMobi
  • appMobi / jQ.Mobi