Smashing Magazine 🇺🇦 🏳️🌈
How To Define An Array Of Colors With CSS — Smashing Magazine
8 min · · Join Temani Afif on experiment with modern CSS features to create an array of colors. The goal is to define a comma-separated list of colors and iterate through them using an index. · Shared by 6, including Rodrigo Noales
Smashing Magazine 🇺🇦 🏳️🌈
Getting Started With CSS Cascade Layers — Smashing Magazine
16+ min · · Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management. · Shared by 175, including Jen Simmons, Rodrigo Noales, Benoist Lawniczak
CSS-Tricks
Exploring @property and its Animating Powers
10 min · · Uh, what’s @property? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property can do that unlocks things in CSS we’ve · Shared by 63, including Marius Bleuer, Stef Walter, Rodrigo Noales, Una 🇺🇦, Chris Heilmann codepo8@toot.cafe
andy-bell.co.uk
My favourite 3 lines of CSS
4 min · · In Every Layout, we wrote about The Stack. It’s a marriage of Heydon’s Lobotomised Owl selector and my method of managing Flow and Rhythm with CSS Custom Properties. .stack > * + * { margin-bloc… · Shared by 240, including Rodrigo Noales
nerdy.dev
New Year, New Site
12+ min · · Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. · Shared by 33, including Una 🇺🇦, Elijah Manor, Sara Soueidan, Benoist Lawniczak, Jake Archibald, CSS Weekly, Rodrigo Noales, Wes Bos
lenguajecss.com
CSS en español
· Lenguaje de hojas de estilos utilizado en el diseño web para dotar de aspecto visual a una página web. · Shared by 4, including Rodrigo Noales
defensivecss.dev
Defensive CSS
· Practical CSS and design tips that helps in building future-proof user interfaces. · Shared by 34, including Boris Périsset, Stef Walter, Rodrigo Noales, Chris Heilmann codepo8@toot.cafe
tippingpoint.dev
Create a custom-styled progress bar with Pure CSS and HTML
5 min · · A progress bar can be styled using pure CSS and a sprinkle of HTML for more appealing and cross-browser friendly view. · Shared by 2, including Rodrigo Noales
css-irl.info
Negative Grid Lines
3 min · · Did you know you can use negative line numbers to position grid items with CSS Grid? I didn’t until recently – or rather, I hadn’t given it… · Shared by 20, including Design Shack, David Hellmann, Rodrigo Noales, Selim Imoberdorf
CSS-Tricks
How to Detect When a Sticky Element Gets Pinned
· Totally agree with David, on CSS needing a selector to know if a position: sticky; element is doing its sticky thing or not. Ideally there would be · Shared by 11, including Rodrigo Noales, DON’T PANIC
twitter.com
Ahmad Shadeed on Twitter
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 2, including Rodrigo Noales
modern-fluid-typography.vercel.app
Modern fluid typography editor
· Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor. · Shared by 29, including Marius Bleuer, Adrian Roselli (no blue check) 🗯, Ahrbil, Rodrigo Noales
devcode.la
Crear ventana modal solo con CSS3 sin JavaScript
2 min · · En este tutorial crearemos una ventana modal, con facilidad, haciendo uso solo de HTML y CSS3, sin necesidad de JavaScript. · Shared by 3, including Rodrigo Noales
CSS-Tricks
How to Implement and Style the Dialog Element
1 min · · A look from Christian Kozalla on the HTML element and using it to create a nice-looking and accessible modal. CodePen Embed Fallback I'm · Shared by 8, including Rodrigo Noales
CSS-Tricks
How to Get a Pixel-Perfect, Linearly Scaled UI
· Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in · Shared by 56, including Agence 132 - Newsletter, Rodrigo Noales
Smashing Magazine 🇺🇦 🏳️🌈
Meet :has, A Native CSS Parent Selector (And More) — Smashing Magazine
9 min · · What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has… · Shared by 21, including Sara Soueidan, Evan (he/him), CSS Weekly, Rodrigo Noales