動くWebデザイン アイディア帳

内容解説

13種類の動きをコピペで実装できるWebアニメーション

Webページに様々な「動き」を簡単に追加できるように、13種類の一般的に用いられる動きを詳細に解説して書籍です。

それぞれの動きについて、特設サイトやダウンロード可能なサンプルデータのコードを提供。このコードをコピペするだけで、誰でも簡単に動きを実装できます。

取り上げている動きは多岐にわたり、基本的なものから高度なものまで網羅しています。ローディング画面、画面遷移、グローバルナビゲーション、ハンバーガーメニュー、テキストナビゲーション、タブメニュー、スライドショー、ギャラリー、動画、ボタン、検索機能、ページトップリンク、ページ内リンク、スクロールダウン、アコーディオンパネル、ツールチップ、ニュースティッカー、グラフ、モーダルウィンドウなど、Webページをよりユーザーフレンドリーかつプロフェッショナルに見せるための要素が満載です。

本書の内容

1. 手軽に動きを追加
   サンプルコードをコピペするだけで簡単に実装可能。
2. 13種類の動き
   ローディング、画面遷移、ナビゲーションメニューなど、多岐にわたる動きを解説。
3. 基本から高度な動きまで
   初心者から経験者まで役立つ内容。
4. 特設サイトとダウンロード可能なサンプル
   実際のコードを提供、すぐに試せる。
5. 多機能
   検索機能、ページ内リンク、スクロールダウンなど、ユーザビリティを高める動きも紹介。

Webデザイナーだけでなく、フロントエンド開発者やUX/UIデザイナーにも非常に参考になる書籍となっています。

出典：Amazon

レビュー・口コミ