MdNの本

現場でかならず使われている jQueryデザインのメソッド

現場でかならず使われている jQueryデザインのメソッド

現場でかならず使われている jQueryデザインのメソッド

ベーシックな使い方からプラグインを活用した流行の手法まで 多彩なjQueryテクニックを大網羅!

北川 貴清 著/津留 敏哉 著/ハヤシ ユタカ 著/邉春 貴保 著/山本 圭助 著/吉岡 成奉 著
B5判 / 208P
ISBN978-4-8443-6423-8 / 価格(本体2,600円+税)※電子版の価格は販売ストアにて
2014年04月25日発売

jQueryの最大の特長は、通常のJavaScriptよりもシンプルなコードでWebサイトの動的な“ふるまい”を記述できる点です。CSSと同じセレクタが利用できるため、HTML+CSSをひととおり理解していれば、文法や記述ルールはすぐに習得できることでしょう。 とはいえ、「こう動かすにはどのようにjQueryのコードを書けばよいか」という目星をつける実践的な感覚を養うためには、実際のWebサイトで書かれているコードを理解して、さまざまな機能や表現の手法を自分の中に蓄積していく必要があります。 本書では、このようなjQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で解説しています。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの現在流行している最新の手法まで、近年のWebサイトに利用されているjQueryのテクニックを網羅しました。jQueryは1.9以降の最新バージョンに対応、サンプルデータをダウンロードできるので、実際に解説内容を試しながら応用力を養えます。現場の制作メソッドがぎっしり詰まった必携の一冊です!

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本
















目次

クリックすると開きます

【目次】
■INTRODUCTION jQueryの基礎解説
jQueryの特徴
jQueryの基本の書き方
セレクタ
イベント
条件分岐・ループ
変数・配列
関数
メソッド

■PART1 jQueryベーシックテクニック
クリックで折りたためるアコーディオンメニュー
スライドアニメーションのドロップダウンメニュー
特定のクラスを持つコンテンツだけを表示する
ナビゲーションのみをブラウザの上部に固定する
ページトップへ戻るボタンとスムーズスクロール
jQueryを利用したバナーアニメーション
マウスオーバー時の画像エフェクト

■PART2 インターフェイス
エフェクトの豊富なタブパネル
ユーザビリティを向上するツールチップ
サイドから展開するスライドメニュー
Masonryを利用してコンテンツを隙間なく並べる
メイングラフィックに最適なスライドショー
マルチデバイスに対応したフォトギャラリー
コンテンツを次々に読み込んで無限にスクロールするページ

■PART3 インパクトのある表現
ブラウザの背景全体に画像を配置する
ブラウザの背景全体に動画を再生させる
ページ読み込み時に要素をアニメーションで表示する
下からコンテンツがスライドするパララックス効果
マウスホイールに対応した横スクロールのページ
たくさんの写真を自動スライドで見せる
奥スクロールのパララックスアニメーション
スクロールを判別して指定位置に移動する

■PART4 ユーティリティ
Googleマップを埋め込んでカスタマイズする
使いやすいお問い合わせフォーム
ソートや絞り込みができる表組み
数値データからSVGでグラフを描画する
SNSのボタンをまとめて配置する
PCとスマートフォンで画像を切り替える
ウィンドウサイズに合わせてコンテンツフィッティング


カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)