Vivian ✌️
@vivivers.com
Chaotic-Good Web Wizard 🔮
#dev #art #culture #sciences #travel #history
Exploring the internet
vivivers.com
#dev #art #culture #sciences #travel #history
Exploring the internet
vivivers.com
Reposted by Vivian ✌️
✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid.
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Brand New Layouts with CSS Subgrid • Josh W. Comeau
Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful conven...
www.joshwcomeau.com
November 25, 2025 at 4:40 PM
✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid.
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Reposted by Vivian ✌️
This is a great article if you might be thinking that style queries are not overly useful because they are, especially with the range syntax.
una.im/range-style-...
una.im/range-style-...
una.im | Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
una.im
November 26, 2025 at 4:03 PM
This is a great article if you might be thinking that style queries are not overly useful because they are, especially with the range syntax.
una.im/range-style-...
una.im/range-style-...
Reposted by Vivian ✌️
Thrilled to dig into AI and Design Systems at Carnegie Mellon University this evening! There's a lot to cover!
November 13, 2025 at 4:32 PM
Thrilled to dig into AI and Design Systems at Carnegie Mellon University this evening! There's a lot to cover!
Reposted by Vivian ✌️
Tuning into @figma.com's Schema and checking out the improvements to Figma Variables to support multi-brand design systems? Check out our comprehensive online course on design tokens: designtokenscourse.com
Learn how to wield tokens in code & design (including Figma's brand-new features!)
Learn how to wield tokens in code & design (including Figma's brand-new features!)
Subatomic: The Complete Guide To Design Tokens
An in-depth course on design tokens: concepts, Figma Variables, code, processes, best practices, and more.
designtokenscourse.com
October 28, 2025 at 4:54 PM
Tuning into @figma.com's Schema and checking out the improvements to Figma Variables to support multi-brand design systems? Check out our comprehensive online course on design tokens: designtokenscourse.com
Learn how to wield tokens in code & design (including Figma's brand-new features!)
Learn how to wield tokens in code & design (including Figma's brand-new features!)
Reposted by Vivian ✌️
CSS @function + CSS if() = 🤯
I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only values.
🔗 Blog Post + Demo: www.bram.us/2025/02/18/c...
👨🔬 Chrome Canary + Experimental Web Platform Features
I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only
🔗 Blog Post + Demo: www.bram.us/2025/02/18/c...
👨🔬 Chrome Canary + Experimental Web Platform Features
February 18, 2025 at 10:55 PM
CSS @function + CSS if() = 🤯
I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only values.
🔗 Blog Post + Demo: www.bram.us/2025/02/18/c...
👨🔬 Chrome Canary + Experimental Web Platform Features
I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only
🔗 Blog Post + Demo: www.bram.us/2025/02/18/c...
👨🔬 Chrome Canary + Experimental Web Platform Features
Reposted by Vivian ✌️
🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS.
Developed with @d12n.me’s help over the last month.
Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!
Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style
Developed with @d12n.me’s help over the last month.
Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!
Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style
Style-observer: JS to observe CSS property changes, for reals • Lea Verou
I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases...
lea.verou.me
February 12, 2025 at 3:03 PM
🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS.
Developed with @d12n.me’s help over the last month.
Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!
Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style
Developed with @d12n.me’s help over the last month.
Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!
Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style