MdN Web Mook 現場でかならず使われている jQueryデザインのメソッド
エムディエヌコーポレーション / 2014年04月25日 / 全210ページ
【多彩なjQueryテクニックを大網羅!】
本書は、jQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で解説しています。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの最新手法まで、近年のWebサイトに利用されているjQueryのテクニックを網羅しました。jQueryは1.9以降の最新バージョンに対応、サンプルデータをダウンロードできるので、実際に解説内容を試しながら応用力を養えます。現場の制作メソッドがぎっしり詰まった必携の一冊です!
本書は、jQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で解説しています。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの最新手法まで、近年のWebサイトに利用されているjQueryのテクニックを網羅しました。jQueryは1.9以降の最新バージョンに対応、サンプルデータをダウンロードできるので、実際に解説内容を試しながら応用力を養えます。現場の制作メソッドがぎっしり詰まった必携の一冊です!
目次
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■INTRODUCTION jQueryの基礎解説
- 001 jQueryの特徴
- 002 jQueryの基本の書き方
- 003 セレクタ
- 004 イベント
- 005 条件分岐・ループ
- 006 変数・配列
- 007 関数
- 008 メソッド
- ■PART1 jQueryベーシックテクニック
- 001 クリックで折りたためるアコーディオンメニュー
- 002 スライドアニメーションのドロップダウンメニュー
- 003 特定のクラスを持つコンテンツだけを表示する
- 004 ナビゲーションのみをブラウザの上部に固定する
- 005 ページトップへ戻るボタンとスムーズスクロール
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■INTRODUCTION jQueryの基礎解説
- 001 jQueryの特徴
- 002 jQueryの基本の書き方
- 003 セレクタ
- 004 イベント
- 005 条件分岐・ループ
- 006 変数・配列
- 007 関数
- 008 メソッド
- ■PART1 jQueryベーシックテクニック
- 001 クリックで折りたためるアコーディオンメニュー
- 002 スライドアニメーションのドロップダウンメニュー
- 003 特定のクラスを持つコンテンツだけを表示する
- 004 ナビゲーションのみをブラウザの上部に固定する
- 005 ページトップへ戻るボタンとスムーズスクロール
- 006 jQueryを利用したバナーアニメーション
- 007 マウスオーバー時の画像エフェクト
- ■PART2 インターフェイス
- 001 エフェクトの豊富なタブパネル
- 002 ユーザビリティを向上するツールチップ
- 003 サイドから展開するスライドメニュー
- 004 Masonryを利用してコンテンツを隙間なく並べる
- 005 メイングラフィックに最適なスライドショー
- 006 マルチデバイスに対応したフォトギャラリー
- 007 コンテンツを次々に読み込んで無限にスクロールするページ
- ■PART3 インパクトのある表現
- 001 ブラウザの背景全体に画像を配置する
- 002 ブラウザの背景全体に動画を再生させる
- 003 ページ読み込み時に要素をアニメーションで表示する
- 004 下からコンテンツがスライドするパララックス効果
- 005 マウスホイールに対応した横スクロールのページ
- 006 たくさんの写真を自動スライドで見せる
- 007 奥スクロールのパララックスアニメーション
- 008 スクロールを判別して指定位置に移動する
- ■PART4 ユーティリティ
- 001 Googleマップを埋め込んでカスタマイズする
- 002 使いやすいお問い合わせフォーム
- 003 ソートや絞り込みができる表組み
- 004 数値データからSVGでグラフを描画する
- 005 SNSのボタンをまとめて配置する
- 006 PCとスマートフォンで画像を切り替える
- 007 ウィンドウサイズに合わせてコンテンツフィッティング
- 索引
- 著者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。