Things To Keep In Mind When Working In The World Of Responsive Design
summary
Concrete takeaways: use flex-direction: row-reverse and Flex Grow to reorder and size content as ratios rather than fixed widths, adopt REMs for typographic scaling so one base-font change resizes everything, stop using absolute hacks and magic numbers, implement breakpoint mixins in a preprocessor to enforce consistent media queries across a team, modular CSS for reusable objects, and consider AMP/Instant Articles and early CSS Grid or element-query polyfills for performant, adaptive mobile experiences.
AI-written summary · about
chapters (7)
- 0:00Start
- 4:326 years later
- 5:12css layouts
- 5:35flexbox
- 22:17defined set of breakpoints
- 29:55hiding menu items reduce visibility and impact ux
- 33:19built for performance
related talks
40mFuture-Proofing Responsive Web Design in 2023
35mThe New Rules of The Resposnive Web
43mGetting serious about Responsive Web Design
01h 01mThe Evolution of Responsive Web Design: What's Next?
28mResponsive Components: Present & Future
51mWeb Design Engineering With the New CSS
52mModern CSS Layout
33mResponsive Design in 2020