Smartial Wayback Machine Text Extractor
This article contains 4 images. You will find them at the very end of the article.
This article contains 540 words.
Web Directions Hover '22 session spotlight–Ditch the Media Queries: Modern CSS Replacements for Better Responsive Code - Web Directions
Web Directions Hover ’22 session spotlight–Ditch the Media Queries: Modern CSS Replacements for Better Responsive Code
John Allsopp
14th February, 2022
@johnallsopp
Ditch the Media Queries: Modern CSS Replacements for Better Responsive Code
Thankfully, CSS has come a long way since the days when device-based breakpoints were the norm, but a lot of us got used to just throwing in a media query (or twelve) to make things responsive, and never quite broke the habit. Now that we have modern CSS features like grid, flexbox, calc, clamp, aspect-ratio, and more – in 2022, it’s finally time to ditch the media queries in your responsive code. Today, we’re going to start at the top and work our way down: from the big-picture display formatting all the way to the smallest CSS units. And as for your old stylesheets, don’t worry too much…we can refactor. We have the technology
About Kathryn Grayson Nanz
Kathryn Grayson Nanz is a Developer Advocate at Progress with a passion for React, UI design, and sharing with the community. She started her career as a graphic designer and was told by her Creative Director to never let anyone find out she could code because she’d be stuck doing it forever; she ignored his warning and has never been happier. You can find her writing, blogging, streaming, and tweeting about React, design, UI, and more @kathryngrayson on Twitter.
In 2022 we have a whole series of events for Front End Developers
Across 2022 Web Directions is presenting our series of online conferences for front end designers and developers. Focussed deep dives, they go far beyond what you might expect from conference programs.
Learn more and register now
Priced individually from $195, or attend all 6, plus get access to our conference presentation platform Conffab for just $595, or $59 a month.
Great reading, every weekend.
We round up the best writing about the web and send it your way each Friday morning.
delivering year round learning for front end and full stack professionals
Learn more about us
Out of any conference, Web Directions is far and away our favourite
Dave Greiner
Founder, Campaign Monitor
Each year we have 6 unique online conferences for front end developers, plus Remixed, a free event that brings together some of the highlights from the previous year.
The best of 2021, remixed, and free!
Online, globallyJanuary 2022
Learn More
The conference CSS deserves
Online, globallyApril 2022
Learn More
a conference on front end performance
Online, globallyMay 2022
Learn More
a conference all about JavaScript
Online, globallyJuly 2022
Learn More
a conference on progressive web apps and web platform
Online, globallySept 2022
Learn More
accessibility engineering for front end developers
Online, globallyOctober 2022
Learn More
privacy, security, identity for front end developers
Online, globallyDecember 2022
Learn More
Images:
The images are downsized due to limited space here. The original dimensions may differ.Click on the image to open it on a new tab.