Buenos días!
Wednesday assorted links:
vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.
Zero-runtime Stylesheets in TypeScript.\r Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.
🔗 https://vanilla-extract.style/
---
chubin/wttr.in
The right way to check the weather
🔗 https://github.com/chubin/wttr.in
---
Don't animate height! | Granola
Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and how to use Chrome's dev tools for performance profiling.
🔗 https://www.granola.ai/blog/dont-animate-height
---
A Friendly Introduction to SVG • Josh W. Comeau
The really cool thing is that SVGs are first-class citizens in the DOM. We can use CSS and JavaScript to select and modify SVG nodes, as if they were HTML elements.
🔗 https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
bordalix
npub1vt…28cxv
2025-07-23 06:00:04 UTC
Author Public Key
npub1vt803quxxq32fuwkp42g2lyaw2t9qupvnl3z0vyc3s9kudkyhn8qt28cxvPublished at
2025-07-23 06:00:04 UTCEvent JSON
{
"id": "5de991bcb53cb7d9f11e65eea189d364fa7845ac6d9df48278e09d9c048d922b",
"pubkey": "62cef883863022a4f1d60d54857c9d729650702c9fe227b0988c0b6e36c4bcce",
"created_at": 1753250404,
"kind": 1,
"tags": [],
"content": "Buenos días!\n\nWednesday assorted links:\n\nvanilla-extract — Zero-runtime Stylesheets-in-TypeScript.\n\nZero-runtime Stylesheets in TypeScript.\\r Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.\n\n🔗 https://vanilla-extract.style/\n\n---\n\nchubin/wttr.in\n\nThe right way to check the weather\n\n🔗 https://github.com/chubin/wttr.in\n\n---\n\nDon't animate height! | Granola\n\nOur app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and how to use Chrome's dev tools for performance profiling.\n\n🔗 https://www.granola.ai/blog/dont-animate-height\n\n---\n\nA Friendly Introduction to SVG • Josh W. Comeau\n\nThe really cool thing is that SVGs are first-class citizens in the DOM. We can use CSS and JavaScript to select and modify SVG nodes, as if they were HTML elements.\n\n🔗 https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/",
"sig": "cb25475e56681b8f2af2a6eabb13f77a5328c5c54406e846d43d865bae38c7be44164e511c12f18084895a3f819ab9d55b30de918be68983f296fdb5fdb8bc43"
}