Issue #07: Smart Layouts, Centering in CSS, Anchor Positioning
Hello, you are receiving this email because you subscribed to ishadeed.com’s blog newsletter.
In this update, I’ll share my latest articles and a few interesting links from the web community.
Smart Layouts Talk - Video & Slides
I spoke about Smart Layouts at CSS Day in Amsterdam. My talk is about learning how to build smarter layouts with the current and future CSS.
The video and slides are available! I wrote a short reflection about the experience in the article.
Better CSS layouts: Time.com Hero Section
In this article, I took the hero section of Time.com and rebuilt it with modern CSS. It includes use-cases for container queries, display: contents, CSS :has(), and more.
The Basics of Anchor Positioning
An interactive article that explores how anchor position works in CSS. I particularly enjoyed working on the tooling demos where I imagined how position-try-fallbacks will behave from a visual perspective.
Links from the web
Another article about centering in CSS by Andy Bell
Andy wrote a great up-to-date article about centering in CSS. I liked it and got inspired to even write my own one. You can never have too many articles about centering in CSS.
Getting Creative With Images in Long-Form Content by Andy Clarke
I really like this article and how it uses a few CSS features that can have a big impact on a design’s appearance. It's also a great reminder that we should use shape-outside() more these days.
That’s it for this issue. Comments are enabled via Buttondown, so feel free to reply or leave your thoughts.
Thank you for reading.