Links
![Learn Grid Now, Container Queries Can Wait](https://dxj7eshgz03ln.cloudfront.net/production/link/image/960924/twenty_by_nine_extra_large_00176cce-4b67-40e1-bdb1-deab5d2c5eb5.jpeg)
Learn Grid Now, Container Queries Can Wait
There’s no rush to rip out all your media queries, and replace them with containers. You’ll be fine waiting for widely available support and your next scheduled re-factor. But if you’re still avoiding grid – whatever your reasons – you are, in fact, missing out. CSS grid is one of the best features in CSS, and one of the biggest time-savers on every site we build.
CSS Container Queries
The main idea of CSS Container Queries is to register an element as a “container” and apply styles to other elements when the container element meets certain conditions.
Conditionals on Custom Properties
Whoa, right?! Seeing an
:if()
function in CSS gets my mind going in all sorts of directions. But what Lea is referring to is a GitHub issue she opened in the CSS Values Module Level 5 repo. I thought I’d take some notes on that discussion as I try to wrap my mind around what’s going on.
Opinions for Writing Good CSS
As someone who has taught CSS to students and junior developers, take them or leave them, these are some of the opinions I’ve built up that I think help you in writing good CSS from day one.
How To Hack Your Google Lighthouse Scores In 2024
Do perfect Lighthouse scores mean the performance of your website is perfect? As it turns out, Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as Salma Alam-Naylor demonstrates in several experiments.
Videos
![What's new in the Web](https://dxj7eshgz03ln.cloudfront.net/production/link/image/960923/original_ratio_extra_large_e083a682-2960-44e9-8461-4ce83fcfa5e2.jpg)
What's new in the Web
Baseline gives developers a way to understand the interoperability status of web features and APIs. With clear status information available on key developer resource sites such as MDN, Can I Use, and web.dev, it's now easier than ever to know whether a feature is ready to use. This talk will cover some of the key features now included in Baseline, helping you create more beautiful and capable sites and applications.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.