MdNの本

jQueryデザインブック 仕事で絶対に使うプロのテクニック

jQueryデザインブック 仕事で絶対に使うプロのテクニック

jQueryデザインブック 仕事で絶対に使うプロのテクニック

定番の表現から最先端の仕掛けまで jQueryでやりたいこと、すべて揃ってます!!

MdN編集部 編
B5判 / 256pP
ISBN978-4-8443-6213-5 / 価格(本体2,800円+税)※電子版の価格は販売ストアにて
2011年08月25日発売

近年のWeb制作において、もはや欠かせない存在となったjQuery。CSSとの親和性が高く、文法もシンプルなので、Webデザイナーやマークアップエンジニアにとっても非常に扱いやすいJavaScriptライブラリといえるでしょう。ただし、本当にjQueryを使いこなすためには、「実際の業務ではどのようなコードが書かれているのか」を理解して、さまざまなコーディングのセオリーや技法を自分の中に蓄積していく作業が必須です。
本書は、そのようなWeb制作の現場で使われるjQueryのコードをステップ・バイ・ステップ形式で解説したテクニック集です。ユーザビリティを向上するナビゲーションの制作方法から、ユーザーに新鮮な驚きを与えるエフェクト、SNSとの連携やjQuery Mobileによるスマートフォンサイト制作など、jQueryの多彩な用途を網羅しています。掲載サンプルもダウンロードできるので、解説を読みながら実際の動作も確認できます。さらに、「セレクター」、「メソッド」、「イベント」などの基本解説も充実。jQueryの基礎と応用力が一挙に身につく一冊です!!

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

ページイメージ

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










目次

クリックすると開きます

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


■CHAPTER01 ナビゲーション
01 縦にスライドするアコーディオンメニュー
02 サブメニューを表示する階層型メニュー
03 カルーセルタイプのスライドビューワー
04 ウィンドウに常に表示するナビゲーション
05 スライドしながら現れるぱんくずメニュー
06 タブパネルを利用したコンテンツ表示
07 長いコンテンツを自動的に複数ページに分ける
08 ページトップへのスムーズスクロール
09 フェードインするページトップボタン
10 ページトップボタンを回転表示する


■CHAPTER02 インタラクション
01 配色や文字サイズを変更できるインターフェイス
02 Masonryを利用したカフェメニュー風のレイアウト
03 リキッドレイアウトの画像をアニメーションで整列
04 ドラッグ&ドロップできるショッピングカート
05 ドラッグ&ドロップでファイルをアップロード
06 右クリックメニューをオリジナルにカスタマイズ
07 Bubble Popupを利用したツールチップ
08 画面上部にスライドインするTwitter風アラートボックス


■CHAPTER03 エフェクト
01 ウィンドウフィッティングとトランジションでFlash風に
02 水平アコーディオンを使った和風デザイン
03 パララックス効果を利用したユニークなスクロール
04 ズームイン/ズームアウトする画像ギャラリー
05 汎用的な画像ギャラリーをオリジナルのプラグインに
06 本のようにぺらぺらめくる画像ギャラリー
07 アニメーションに関するメソッドの総まとめ
08 ロールオーバー時のスムーズな画像切り替え
09 マウスオーバー時のカラーアニメーション
10 Skitterでメインビジュアルをスライドショーにする


■CHAPTER04 ユーティリティ
01 Googleマップの埋め込みと一歩進んだカスタマイズ
02 近所の人が見ているUstream番組をチェック
03 Twitterのお気に入りを使った新着情報管理システム
04 jQuery Mobileを利用したスマートフォンサイト制作術
05 フォームダイアログの表示とエラーチェック
06 日付や時間を処理するさまざまな手法
07 ソートや絞り込みができるDataTablesを使った表組み
08 複数ボックスの高さを自動的にそろえる


目的別索引
用語索引

関連記事があります

  • Webデザイン表現&技法の新・スタンダード デザインパーツ編

    web creators Webデザイン表現&技法の新・スタンダード デザインパーツ編

  • WEBデザインの落とし穴/JavaScript編

    web creators WEBデザインの落とし穴/JavaScript編

  • 1年生デザイナーの1週間/その90 村田 智さん(はてな)

    インタビュー 1年生デザイナーの1週間/その90 村田 智さん(はてな)

  • 1年生デザイナーの1週間/その91 遠藤 茜さん(ノハナ)

    インタビュー 1年生デザイナーの1週間/その91 遠藤 茜さん(ノハナ)

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

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