Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →
Tyson Matanich is the lead developer on the Microsoft.com home page. His writings reflect his own opinions and don’t necessarily represent Microsoft’s. He focusses on frontend Web development but will do what’s necessary to get the job done. You can follow him on Twitter or read his blog.
Follow Tyson Matanich on Twitter
Responsive Web design has transformed how websites are designed and built. It has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s viewport size. This, however, deviates from the hierarchical structure of CSS and characterizes elements relative to the viewport, instead of to their container.
Extensive use of media queries might be the answer for today, but it is not a viable long-term solution. Media queries do not allow for reusable modules that adapt based on their containers’ size. Read more...