書店様へのご案内
広告掲載について
FAQ
訂正とダウンロード
お問い合わせ
電子書籍一覧
デザイン・グラフィック
素材集・フォント集
イラスト・アニメ
3DCG・映像
Web制作
プログラミング
IT・ビジネス
写真技法・カメラ
写真集
美術・建築
生活・趣味・実用
カレンダー・手帳・年賀状
料理の本棚
その他
MdN Pickup news
MdNからのお知らせ
月刊MdNバックナンバー
プレスリリース
MdNユーザー会員 新規登録
MdNユーザー会員 ログイン
FAQ
プライバシーポリシー
会社概要
採用情報
特定商取引法
利用規約
閉じる
デザイン・グラフィック
素材集・フォント集
イラスト・アニメ
3DCG・映像
Web制作
プログラミング
IT・ビジネス
写真技法・カメラ
写真集
美術・建築
生活・趣味・実用
カレンダー・手帳・年賀状
料理の本棚
その他
Web制作
Webデザイン
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
MdN編集部 編
定価 3,080円
(本体 2,800円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
紙の本を買う
紙の書籍を購入
Amazon
ヨドバシ.com
電子版を買う
電子書籍版を購入
Kindle
honto
発売日
:
2012-07-03
仕様
:
B5判/256pP
ISBN
:
978-4-8443-6272-2
内容紹介
目次
お問い合せ
「jQueryプラグイン」の最大の特長はHTMLとCSSの知識があれば、長く複雑なスクリプトを記述せずとも高度な仕掛けを簡単に実装できる点。プラグインを利用することで表現力と作業効率が格段にアップします。例えば、JavaScriptやjQueryに精通していない方でも、プラグインのスクリプトを組み込み、HTML・CSS側で画像の設定を行うだけで、華やかな視覚効果のあるスライドショーが手軽に作成できます。 本書は、Web制作の現場における「jQueryプラグインの使い方」を、Webページのサンプルとソースコードをもとに丁寧に解説したテクニック集です。CSSだけでは実現できない多彩なレイアウトやナビゲーション、コンテンツの魅力を引き立てるエフェクト、画像や動画を利用したグラフィカルな仕掛けなど、多種多様な用途を扱っています。ただ単に定番的なプラグインを取り上げるだけではなく、実務案件での使用を前提にしたカスタマイズの手法、複数のプラグインを効果的に組み合わせた使い方など、Web制作の第一線で活躍しているプロだからこそ知る実践的なポイントを多数盛り込みました。このほかに各章末では、実制作で活躍する便利なプラグインを組み込み時のポイントとともに紹介しています。解説で使用しているサンプルデータはダウンロード可能。jQuery・jQueryプラグインの基本解説も充実しているので、基礎力と応用力を同時に養うことができます!
→サンプルデータのダウンロードはこちら
■ページ見本
目次
■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プラグイン
目的別索引
用語索引
tweet
シェア
はてブ
あわせてよく検索される書籍
制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選
デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊