MdN Web Mook jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
エムディエヌコーポレーション / 2012年07月03日 / 全257ページ
【プラグインだからこそ実現するすごいネタが満載】 jQueryプラグインの最大の特長は、複雑なスクリプトを記述せずとも高度な仕掛けを簡単に実装できる点です。本書は、Web制作の現場での「jQueryプラグインの使い方」を、ソースコードをもとに解説したテクニック集。レイアウト、ナビゲーション、エフェクト、グラフィカルな仕掛けなど、多種多様な用途を扱うだけでなく、カスタマイズの手法や複数のプラグインの効果的な組み合わせ方など、実務案件での使用を前提にしたポイントを多数盛り込みました。サンプルはWebからダウンロード可能なほか、基本解説も充実しているので基礎力と応用力を同時に養うことができます!
目次
- 扉
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ■INTRODUCTION jQueryの基本解説
- jQueryの特徴
- jQueryの基本的な書き方
- HTML要素を選択する「セレクタ」
- ユーザーの動きをとらえる「イベント」
- オブジェクトを操作する「メソッド」
- データを扱う「変数・配列」
- スクリプトを制御する「条件分岐・ループ」
- スクリプトを効率よく利用する「関数」
- Webサーバとデータ送受信を行う「Ajax」
- jQueryプラグインとは
- ■CHAPTER 01 レイアウト
- 01 Masonryで画面幅に合わせてコンテンツを自動的に再配置
- 02 ブラウザで動作するWebアプリ風のインターフェイス
- 03 jQuery Mobileで作るスマートフォン向けUI
- 扉
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ■INTRODUCTION jQueryの基本解説
- jQueryの特徴
- jQueryの基本的な書き方
- HTML要素を選択する「セレクタ」
- ユーザーの動きをとらえる「イベント」
- オブジェクトを操作する「メソッド」
- データを扱う「変数・配列」
- スクリプトを制御する「条件分岐・ループ」
- スクリプトを効率よく利用する「関数」
- Webサーバとデータ送受信を行う「Ajax」
- jQueryプラグインとは
- ■CHAPTER 01 レイアウト
- 01 Masonryで画面幅に合わせてコンテンツを自動的に再配置
- 02 ブラウザで動作するWebアプリ風のインターフェイス
- 03 jQuery Mobileで作るスマートフォン向けUI
- 04 本文記事の注釈ページをクリックでスライドイン表示
- 05 Twitter Bootstrapを使ってWebアプリのUIを構築
- 06 画像に沿ってテキストが回り込む雑誌のようなレイアウト
- 07 送信前に内容をチェックするフォームのバリデーション
- 08 フォームのUIエレメントをグラフィカルに装飾する
- 仕事で役立つ便利なjQueryプラグイン
- ■CHAPTER 02 ナビゲーション
- 01 膨大なメニュー情報をすっきりまとめるメガメニュー
- 02 ドロップダウンメニューとタブを利用したビューアの実装
- 03 jQuery UIを利用したアコーディオンメニューの作成
- 04 タブを使った表示の切り替えとスクロールバーのカスタマイズ
- 05 マウスオーバーでバブルアップする円形のメニュー
- 06 ユーザビリティに優れたパンくずリストとツールチップ
- 07 文字サイズをボタン操作で変更できるインターフェイス
- 仕事で役立つ便利なjQueryプラグイン
- ■CHAPTER 03 エフェクト
- 01 パララックス効果を取り入れたイメージスライダー
- 02 ズームインエフェクトを使って商品写真を魅力的に見せる
- 03 軽快なモーションで切り替わる商品の絞り込み・ソート機能
- 04 カバーフロー風の動きで見せるフォトギャラリー
- 05 アニメーションを効果的に使うナビゲーションやリンク
- 06 画像やHTMLで装飾した文字を配置できるスライダー
- 07 モーションが心地よいMac OS XのDock風メニュー
- 08 Flashなしで実現する画像の360度回転表示
- 仕事で役立つ便利なjQueryプラグイン
- ■CHAPTER 04 グラフィック
- 01 複数の画像を一度に見せるカルーセルスライダー
- 02 YouTubeの動画を背景全体に表示して再生する
- 03 サムネイルボタンが泡のように飛び出すスライドショー
- 04 Facebookのウォールをスライドイン表示させる
- 05 Googleマップでマラソンランナーを追跡する
- 06 table 要素で作成した表をグラフィカルなグラフに変換
- 07 モーダルウィンドウで表示するLightbox 風ギャラリー
- 仕事で役立つ便利なjQueryプラグイン
- 目的別索引
- 用語索引
- 奥付
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。