SVG or raster? The short answer to that question is: there’s almost no difference at all if you are working on something very small and specific.
But it's more nuanced than that, and @holasvg.com has all the nerdy details you need.
css-tricks.com/loading-smar...
"Why send pixels when you can send math?"
SVG vs. Raster loaders: It’s about more than just performance.
I wrote a new article for @css-tricks.bsky.social 🙃
You can read it here:
css-tricks.com/loading-smar...
Y el link a la presentación con todas las demos:
docs.google.com/presentation...
En youTube ya están las charlas de @nerdearla.bsky.social España 2025 😍
Les dejo el link a la presentación que hice sobre diseño, código y animaciones web:
youtube.com/watch?v=hjGu...
#nerdearla #WebDesign #webdev
Thank you for everything you’ve shared with us! I still have enough tabs open to keep learning from you for the next year :) Hope this pause gives you all the recharge you need
Gracias por venir ❤️ comparto el link a la presentación de hoy
docs.google.com/presentation...
@nerdearla.bsky.social #nerdearla
🤩 There’s a very – VERY! – exciting animations/performance change available in Chrome Canary:
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Este sábado voy a participar en #Nerdearla 2025 🇪🇸
Tres días de charlas, talleres y actividades junto a una gran comunidad tecnológica.
📅 Del 13 al 15 de noviembre
📍 @LaNaveMadrid + streaming
¡Nos vemos allí! 👉 nerdearla.es
@nerdearla.bsky.social
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
Nerd - Jurado 2025. Mariana Beldi - Track UX.
¡Gracias @nerdearla.bsky.social por invitarme a ser parte del jurado en esta edición!
Ya estamos evaluando las más de 800 propuestas de charlas y talleres que enviaron 🤓🚀
Más info en 👉 nerdear.la
I left just a few of these on the #cssday table, I hope you managed to grab one! ❤️
We’d love to come for next year’s edition but… wait, June 11 & 12 of 2025? is way too soon for us 😅 We’re still recovering!
All speakers and team from css day conf standing in the stage. Image of next css conf with date June 11 and 12 2025
We came all the way from Argentina to attend the amazing #cssday conference in Amsterdam! It totally melted our brains in the best possible way
Learning browser’s behavior and future of CSS with the incredible @miriam.codes
#cssday
@johnfallsopp.com A Dao of css 🌊
and first time watching all these mind-blowing demos live from @nerdy.dev 🤘
First time at #cssday 👾
#CSS only carousels arrive in Chrome 135
⤷ nerdy.dev/css-carousel...
Ain’t this brilliant 📦 🙌
This is insane 😍
Picture of artistic 3D International signal code flags on wood hanging on a wall
International signal code flags
“What we have now requires no JavaScript, no dependencies, no libraries — just pure #CSS. And if that’s not exciting enough, these animations run off the main thread, delivering smooth, high-performance, GPU-accelerated experiences.”
www.smashingmagazine.com/2024/12/intr... #animation #webdesign
An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines, by @marianabeldi@x.com (@smashingmag@mastodon.social):
He knows he's charming
Screenshot of an online meeting with my cat Lorenzo in the very first closeup
I was cleaning my Desktop and found this picture of Lorenzo 🐱
This is the typical image my coworkers see during our online meetings:
This is my @codepen.io collection of CSS scroll-driven animations demos:
codepen.io/collection/W...
#css #webdev
Wildest #CSS media query I've written in a while
`@container (inline-size >= calc(100cqi - 120px))`
yep, `calc()` in a MQ!
WHY?
to re-anchor buttons to be "inside" when space is tight
Video:
purple outline's are containers, buttons adapt to containers or the page
nerdy.dev/carousel-ada...
These are amazing! I've added a bunch of them to the collection, thanks for sharing! ❤️
This is beautiful! 🎄 I'm adding it to the collection, thanks for sharing! ❤️
