Spinning Diagrams With CSS
-
Harold Cooper
tl;dr: “Several people expressed surprise that the spinning diagrams don’t use any JavaScript or animated image formats, just HTML and CSS. So I thought I’d explain how they work before I forget.”
featured in #408
6 CSS Snippets Every Front-End Developer Should Know In 2023
-
Adam Argyle
tl;dr: (1) A container query. (2) Scroll snap. (3) Grid pile (4) Quick circle. (5) Control variants with @layer. (6) Memorize less and reach more with logical properties.
featured in #405
My Favourite 3 Lines Of CSS
-
Andy Bell
tl;dr: “The main reason I’ve written this post though, is to send people to it when they ask why I use .flow or use margin, but also, I hope you’ve seen how damn powerful CSS Custom Properties are. They’re certainly more than just CSS variables, that’s for sure.”
featured in #392
The Evolution Of Scalable CSS
tl;dr: "In this post, we’ll develop a deeper understanding of CSS by diving into the underlying issues that make it difficult to scale. We’ll understand the evolution of the various CSS best practices that have emerged and changed over time. By the end, we’ll have a good grasp on past approaches to scaling CSS on large projects, and how popular tools like Tailwind and a range of others address these issues in counter-intuitive ways."
featured in #368
Yes, I Can Connect To A DB In CSS
-
Lee Meichin
tl;dr: “As the name might suggest, this is how you connect to a database using CSS. It only works in Chrome, unfortunately, but you can provide any SQLite database you like and query it via CSS.”
featured in #289
Designing Beautiful Shadows In CSS
-
Josh Comeau
tl;dr: "In this tutorial, we'll learn how to transform typical box-shadows into beautiful, life-like ones."
featured in #254