MdNCORPORATION

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

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

北川 貴清 著/邉春 貴保 著/吉岡 成奉 著/ハヤシ ユタカ 著/山本 圭助 著/津留 敏哉 著
本体 2600円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2014-04-25
仕様 B5判/208P
ISBN 978-4-8443-6423-8
jQueryの最大の特長は、通常のJavaScriptよりもシンプルなコードでWebサイトの動的な“ふるまい”を記述できる点です。CSSと同じセレクタが利用できるため、HTML+CSSをひととおり理解していれば、文法や記述ルールはすぐに習得できることでしょう。 とはいえ、「こう動かすにはどのようにjQueryのコードを書けばよいか」という目星をつける実践的な感覚を養うためには、実際のWebサイトで書かれているコードを理解して、さまざまな機能や表現の手法を自分の中に蓄積していく必要があります。 本書では、このようなjQueryの“実践感覚”を身につけていただけるように、実用的な作例をベースにjQueryのコードをステップ・バイ・ステップ形式で解説しています。アコーディオンやタブパネル、ツールチップといった頻出の基礎技術から、背景全面動画、Masonry、パララックススクロールなどの現在流行している最新の手法まで、近年のWebサイトに利用されているjQueryのテクニックを網羅しました。jQueryは1.9以降の最新バージョンに対応、サンプルデータをダウンロードできるので、実際に解説内容を試しながら応用力を養えます。現場の制作メソッドがぎっしり詰まった必携の一冊です!

→サンプルデータのダウンロードはこちら



■ページ見本










目次

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

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

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

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

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

Webビジネスを成功に導く指南書・売れ筋ラインナップ

創作の力になるデザインと配色の基本が学べるシリーズ