Math for Frontend Web Dev (MEAP V01)

Do the math—and get amazing layouts, animations, responsive design, and more!

Beautiful websites and apps are rooted in established mathematical principles. Know the math, and you’ll gain a superpower when it comes to layout calculations, animating page elements, accurate color rendering, and responsive design. Math for Frontend Web Dev teaches you the math you need to create awesome, precise, and highly functional front-end designs.

In Math for Frontend Web Dev, you’ll learn how to:

Improve layouts and animations with the Golden Ratio and proportional scaling
Optimize responsiveness and accessibility with percentage-based sizing
Create UI effects with physics, vectors, and geometric transformations
Master algebra and grid calculations for CSS Grid and Flexbox
Grok color theory and blending math

You’re already using math every day to solve common design problems. In this book, veteran web design author Paul McFedries shows you how to perform those calculations confidently and efficiently.
about the book
Math for Frontend Web Dev teaches you how to apply relevant mathematical principles in CSS and JavaScript to create beautiful and efficient layouts and interfaces. Every concept is illustrated with hands-on examples so you can practice as you learn! After exploring core techniques for layout and color, you’ll move on to advanced topics like accessibility, responsive typography, and UI elements based on real-world physics.