Book
CSS to JavaScript de Tsukuru Ugoku UI Idea Recipe (Recipes for Animated UI Built with CSS and JavaScript)
Mana
Summary
A Japanese-language recipe collection by Mana for implementing animations and interactions with CSS and JavaScript, covering the UI/UX basics of building dynamic feedback to user interaction beyond static design. It explains scroll animations and polished UI design through abundant sample code, organized into eight chapters around UI parts such as buttons, images, and screen transitions, moving from fundamentals through application to customization with implementation notes and practical tips along the way. CodePen integration lets you check the animated UI immediately from a PC or smartphone.
Target Readers
- Beginners at web production who have been asked to add their first moving, interactive UI to a site
- Front-end developers picking out a specific recipe for a UI part such as a button, an image, or a screen transition, from eight chapters spanning basics, application, and customization
- Developers checking a CSS/JavaScript animation recipe on both desktop and mobile through the book's linked CodePen samples before adapting it into their own project
Tags
Colophon
- Publisher
- Impress
- ISBN
- 978-4295021285
- Published
- Apr 2025
- List price
- ¥2,860incl. taxMay differ from the actual selling price on Amazon
Get this book
* The link above is an advertisement via Amazon Associates.Related Books
Prerequisites
- Recommended
Dokushu JavaScript, New Edition (Self-Study JavaScript)
CodeMafia
Reason: Once you have the language fundamentals, you connect that knowledge to implementing 'visible UI' that moves. This book is a recipe collection of animated UIs combining CSS and JavaScript, giving you the tangible sense of turning learned syntax into on-screen expression.
Next Books
- Recommended
Tailwind CSS Jissen Nyumon (A Practical Introduction to Tailwind CSS)
Chiaki Kudo
Reason: Once you can build individual UI expressions, you advance to scaling styles as 'architecture.' This Japanese book teaches a utility-first approach that maintains consistent UI while sidestepping the headaches of naming and specificity.