{"product_id":"math-for-web-design-precision-layout-and-animation-isbn-9781633434820","title":"Math for Web Design: Precision layout and animation","description":"\u003cb\u003eGet the eBook free when you register your print book at Manning.\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\"A necessity for designing bulletproof layouts.”\u003cbr\u003e—Chris Kardell, Centennial Bank\u003cbr\u003e\u003cbr\u003e\u003ci\u003eMath for Web Design: Precision layout and animation\u003c\/i\u003e explains the mathematical principles behind good frontend design. With his engaging writing, author \u003cb\u003ePaul McFedries\u003c\/b\u003e makes it clear how math, carefully applied in CSS and JavaScript, solves everyday design problems such as distributing space, choosing accessible colors, positioning elements, and making animation feel natural. When you understand the calculations behind color, geometry, and motion, you can design with more precision, debug behavior more confidently, and create interfaces that are both attractive and functional.\u003cbr\u003e\u003cbr\u003eYou’ll start with the basics. Early chapters introduce the minimum math you need, then connect it immediately to front-end tools. From there, the book moves into real layout systems, showing how CSS units are computed, how inheritance affects sizes, how the box model changes formulas, and how Grid and Flexbox distribute space.\u003cbr\u003e\u003cbr\u003eThe middle chapters focus on responsive and visual decisions that define modern web design. You’ll work through percentage-based and viewport-based layouts, media query logic, liquid layouts, and custom clamp() formulas. You’ll also learn the mathematics of color, including color conversion, harmonious palettes, WCAG contrast ratios, alpha compositing, and blend modes. Typography receives the same practical treatment, with formulas for font size, line height, line length, fluid type, and modular scales.\u003cbr\u003e\u003cbr\u003eLater chapters move into the math of interaction, motion, and richer UI effects. You’ll use trigonometry for circular menus, spinners, wave paths, and directional calculations, along with vectors and geometry to align components, create hover and parallax effects, and constrain dragging. The book then extends this foundation into Bezier curves, CSS easing, gesture math, and scroll-based animation.\u003cbr\u003e\u003cbr\u003e\u003ci\u003eMath for Web Design\u003c\/i\u003e is a masterful guided tour through the math front-end professionals actually use. Each concept appears because it solves a concrete design or implementation problem. CSS and JavaScript examples keep the explanations grounded, while exercises and solutions help you build fluency. You’ll appreciate how this book builds a durable mental model layer by layer, connecting fundamentals to layout, color, typography, animation, interaction, and canvas work in a sequence you can revisit as a practical reference.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eWhat's inside\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e• CSS and JavaScript math fundamentals\u003cbr\u003e• Grid, Flexbox, responsive layout, and fluid sizing\u003cbr\u003e• Color, accessibility, typography, and blending\u003cbr\u003e• Geometry, trigonometry, interaction, and animation math\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the reader\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eFor developers, designers, and UX\/UI professionals who know CSS and JavaScript. No advanced math knowledge required.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the author\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePaul McFedries\u003c\/b\u003e has been a professional technical writer for more than 30 years. He is the author of Manning’s \u003ci\u003eWeb Design Playground, Second Edition\u003c\/i\u003e, and \u003ci\u003eBuild a Website with ChatGPT\u003c\/i\u003e. His 100+ books have sold more than 4 million copies worldwide.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eTable of Contents\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e1 Web dev math fundamentals\u003cbr\u003e2 Math basics for JavaScript\u003cbr\u003e3 Math basics for CSS\u003cbr\u003e4 CSS Grid math\u003cbr\u003e5 Flexbox math\u003cbr\u003e6 The mathematics of responsive design\u003cbr\u003e7 The mathematics of color\u003cbr\u003e8 Text and typography math\u003cbr\u003e9 Trigonometry for web developers\u003cbr\u003e10 Vectors and geometry in UI design\u003cbr\u003e11 Using Bézier curves for smooth animation\u003cbr\u003e12 Physics-based animations\u003cbr\u003e13 Interactivity and gesture-based UI math\u003cbr\u003e14 Canvas-based math and drawing","brand":"Simon \u0026 Schuster","offers":[{"title":"Default Title","offer_id":48683399839973,"sku":"NP9781633434820","price":59.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1842\/7735\/files\/O_804dfca4-511d-4145-9463-c28002b38650.jpg?v=1775169658","url":"https:\/\/k12savings.com\/products\/math-for-web-design-precision-layout-and-animation-isbn-9781633434820","provider":"K12savings","version":"1.0","type":"link"}