Web Design Link Picks
resources from newsletter #0266 #0267 #0268 #269 #270 #271
Article written on Friday, 05 May 2023
Just like last week there's more Friday link action. This time I'm focusing on the HTML & CSS side of things with the resources I learn from. Pretty sure you'll find something in here that is usable for you too. Enjoy!
Flexbox Dynamic Line Separator
Ahmad Shadeed wrote about making a line separator by using CSS border and Flexbox stretching behavior. Easy to digest as usual.
A Complete Guide to CSS Cascade Layers
This guide is intended to help you fully understand what cascade layers are for, how and why you might choose to use them, the current levels of support, and the syntax of how you use them.
How Does !important Actually Work?
Here's the gist: !important isn't just about increasing style rule importance, it actually *inverts* the cascade. A super !important thing to know about !important in CSS!
New CSS Features In 2022
2022 has been a pretty great year for CSS. This article takes a look at a few of them.
Aligning Content In Different Wrappers
Ahmad Shadeed wanted to align the header content with the section below it, given that both live in different wrappers. Ahmad wrote about how he solved this in CSS.
Container Queries - Designing in the Browser
Una Cravets video is up to date with the latest spec and highlights the responsive possibilities of tomorrow.
Understanding Layout Algorithms
Josh W Comeau explains the mental model shift that makes CSS more intuitive.