https://www.mojiru.com/entry/2025/05/17/000000

CSSとJavaScriptで作る動くUIアイデアレシピ

CSSとJavaScriptで作る動くUIアイデアレシピ

インプレスグループでIT関連メディア事業を展開するインプレスは、Mana氏著書による、Webサイトに動きを与えるUIアイデアを多数収録した書籍『CSSとJavaScriptで作る動くUIアイデアレシピ』を2025年4月15日に発売した。

Mana（マナ）（Webクリエイターボックス）Profile

日本でグラフィックデザイナーとして働いた後、カナダにある Web サイト制作の学校を卒業。カナダやオーストラリア、イギリスの企業で Web デザイナーとして働いた。2010 年からブログ「Web クリエイターボックス」を運営している。Web サイト制作のインストラクターとして教育にも携わっている。『1 冊ですべて身につく JavaScript 入門講座（SB クリエイティブ）』で「IT エンジニア本大賞 2024」大賞・特別賞を W 受賞。

CSSとJavaScriptで実現する動くWebデザイン

近年、Webサイトにおける「動き」は、ユーザー体験（UX）を向上させるための重要な要素として注目されています。本書は、CSSとJavaScriptを活用し、Webサイトに魅力的なアニメーションやインタラクションを実装するためのレシピ集。
スクロールで現れる美しいアニメーション、洗練されたUIやユーザーを引きつけるUXを実現するためのテクニックを、豊富なサンプルコードとともに解説している。

実践的なUIパーツを網羅！基本から応用、カスタマイズまで丁寧に解説

本書は8章構成で、ボタン、画像、背景・画面遷移、ナビゲーションメニュー、スクロールなど、Webサイトでよく使われる実践的なUIパーツを厳選。
紙面では基本編・応用編に加え、カスタマイズのポイントも掲載しているため、自身のアイデアを反映させたアレンジも可能になる。
また、各UIパーツの実装における注意点や、より効果的に活用するためのヒントも丁寧に解説している。

サンプルファイルに加え、本書では、CSSとJavaScriptで作成した動くUIパーツを、オンラインエディター「CodePen」で実際に確認できる。
各UIパーツの解説ページには、対応するCodePenのURLと二次元コードを掲載。
パソコンやスマートフォンからアクセスすれば、すぐに動きを確認することができる。