fc2ブログ

Home > デザイン > おすすめ本:jQueryデザインブック

おすすめ本:jQueryデザインブック

IMG_7241.jpg

Jqueryの基礎のおさらいがさらっとリファレンス程度に数ページ、
そのあとは約36個のインタラクションなjqueryの「動き」をつくる
メソッドが掲載されている、ボリューミーな本を買いました。



本の中のレイアウトは、web creators の連載のようなレイアウトで
実際に書き写すにはちょっと小さめのデザインになっています。
セクションごとに色分けがされていて、どこにいるのかがわかりやすくなっています。

ナビゲーション・インタラクション・エフェクト・ユーティリティと
4つのチャプターから成り立っていて、

たとえばアコーディオンメニューや、
スムーズスクロール、フェードインなどのちょっとした動きから
パララックス効果、自動ページング、アニメーションさせて整列するなどの動き
jquery mobileなどなど内容は盛りだくさんです。


・動きのひとつひとつに考え方が載っている(サンプルコピペだけで終わらない)
・ひとつの本に最近の動きが網羅されている



ところがこの本の魅力なのではないでしょうか。



ご参考にどうぞ。



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



追記:目次を見つけたので追記しておきます(via impress direct )----


■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 複数ボックスの高さを自動的にそろえる


関連記事

Comments: 0

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/35-d4e7c89c
Listed below are links to weblogs that reference
おすすめ本:jQueryデザインブック from バニデザノート

Home > デザイン > おすすめ本:jQueryデザインブック

Sponsored Link
【WebDesign】Photoshopでプロになる!オシャレ&クールなWebデザイン作成講座
▲Udemy講座第二弾!Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress(ワードプレス)、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items