mxb.dev
Media Queries in Times of @container
5 min · · With container queries now on the horizon - will we need media queries at all? Is there a future where we build responsive interfaces completely without them? · Shared by 29, including Mohamed Azazy, Marius Bleuer, Rodrigo Noales, Benoist Lawniczak, Stef Walter, Ethan Marcotte
Codrops
Codrops
2 min · · Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. · Shared by 99, including Rodrigo Noales, Boris Périsset, Luca Like, Clemens, José Rodrigues, Mohamed Azazy
CSS-Tricks
A Complete Guide to Custom Properties
16+ min · · Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name. · Shared by 66, including Evan (he/him), Chris Heilmann codepo8@toot.cafe, Rodrigo Noales, henrik
moderncss.dev
Modern CSS Solutions
· A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years. · Shared by 6, including Rodrigo Noales
smolcss.dev
SmolCSS
1 min · · Minimal snippets for modern CSS layouts and components · Shared by 138, including Rodrigo Noales, Ferit (at 🏠) 🌙, Davy De Pauw, Benoist Lawniczak, Marius Bleuer, HeyDesigner, Bruce Lawson, Brad Frost, henrik, Chris Heilmann codepo8@toot.cafe, Tomas Vestenicky, Claus Heller 🇺🇦, Adrian Roselli (no blue check) 🗯, mastodon.social/@renestalder, Samuel Hauser, Stef Walter, Evan (he/him)
smolcss.dev
SmolCSS
13+ min · · Minimal snippets for modern CSS layouts and components · Shared by 4, including Rodrigo Noales
9elements.com
The Devil's Albatross - An algorithmic layout technique
5 min · · Learn how to build an algorithmic layout that switches from two centered elements to a spaced-out flex layout. · Shared by 17, including Rodrigo Noales, Davy De Pauw, Benoist Lawniczak
ishadeed.com
A Deep Dive Into CSS Grid minmax()
7 min · · How CSS grid minmax() works, with a detailed visual explanation for auto-fit and auto-fill keywords. · Shared by 36, including Chris Heilmann codepo8@toot.cafe, Jessel Sookha, Marius Bleuer, Claus Heller 🇺🇦, Veerle Pieters, Rodrigo Noales
tiny-helpers.dev
All tools
12+ min · · A collection of single-purpose online tools for web developers...Brought to you by Stefan Judis( Website, Twitter , GitHub ) · Shared by 559, including Eliska Hutnikova, Dennis Lembrée, 💥💥 Larson Reever🇺🇸, Victor Lee, Yoav Ganbar (🥑 Builder.io/Qwik), Adham Dannaway, Matthias Lampe, Chris Heilmann codepo8@toot.cafe, Shawn Venasse, Jessel Sookha, Rodrigo Noales, David Hellmann, Simon07, Katja Evertz, Axel Rauschmayer (INACTIVE), Jonathan Kogan, Aleyda Solis 🇺🇦, Simone Corsi 💻🚀, Ahrbil, Elijah Manor
CSS-Tricks
CSS Grid in IE: CSS Grid and the New Autoprefixer
19+ min · · In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article · Shared by 30, including Yoav Ganbar (🥑 Builder.io/Qwik), Rodrigo Noales, Kaspar Manz, Chris Coyier
Chrome Developers
min(), max(), and clamp(): three logical CSS functions to use today
5 min · · Min, max, and clamp provide some powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and… · Shared by 141, including Matthias Lampe, Chris {he, they} , Stef Walter, 6clicks | John Robert-Nicoud, Val Head, Rodrigo Noales, Elijah Manor, Una 🇺🇦, Benoist Lawniczak, Yoav Ganbar (🥑 Builder.io/Qwik), Chris Heilmann codepo8@toot.cafe, Evan (he/him), jorge-ferrer
moderncss.dev
Modern CSS Solutions
· A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years. · Shared by 162, including Matt, Bruce Lawson, 6clicks | John Robert-Nicoud, Abel Caballero Díaz, Rodrigo Noales, Stef Walter, mastodon.social/@renestalder, Bryan Onel, Marius Bleuer, Mohamed Azazy, Veerle Pieters, Davy De Pauw, David Hellmann, Evan (he/him), Benoist Lawniczak, Alain, Chris Heilmann codepo8@toot.cafe, Simeon | @dotproto@toot.cafe, Samuel Hauser, Vikram Dutt
1linelayouts.glitch.me
1-Line Layouts*
· Shared by 35, including Rodrigo Noales, danabramov.bsky.social, anildash.com, David Hellmann, Jessel Sookha, Nicholas C. Zakas, Una 🇺🇦, henrik, Axel Rauschmayer (INACTIVE)
csslayout.io
Explore
· Shared by 22, including Claudio Perez Gamayo, Rodrigo Noales, 6clicks | John Robert-Nicoud, Luis Bravo, David Hellmann
aneventapart.com
“Making Things Better: Redefining the Technical Possibilities of CSS” by Rachel Andrew—An Event Apart video
1 min · · Over the last few years, rapid browser implementation of advances in CSS have given us the ability to do many of these previously impossible things. We can use our new powers to build the same designs… · Shared by 25, including Kat, Yoav Ganbar (🥑 Builder.io/Qwik), Rodrigo Noales, Rachel Andrew, Val Head
ishadeed.com
CSS Grid Template Areas In Action
10 min · · Since CSS Grid became supported in the major browsers back in March 2017 (Almost three years ago), I started using it in my personal and client projects, of course, with a proper fallback for non… · Shared by 18, including Rodrigo Noales, Benoist Lawniczak, Veerle Pieters, CSS Weekly