Loading Smarter: SVG vs. Raster Loaders in Modern Web Design | CSS-Tricks
Letโs get nuanced in this article and discuss the capabilities of both SVG and raster imaged so that you can make informed decisions in your own work.
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...
23.02.2026 15:02
๐ 14
๐ 2
๐ฌ 0
๐ 0
Como crear experiencias web memorables
Y el link a la presentaciรณn con todas las demos:
docs.google.com/presentation...
05.12.2025 19:33
๐ 1
๐ 0
๐ฌ 0
๐ 0
Cรณmo crear experiencias web memorables: el cรณdigo detrรกs del diseรฑo que impacta - Mariana Beldi
YouTube video by Nerdearla
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
05.12.2025 19:33
๐ 2
๐ 0
๐ฌ 1
๐ 0
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
17.11.2025 23:40
๐ 2
๐ 0
๐ฌ 0
๐ 0
Gracias por venir โค๏ธ comparto el link a la presentaciรณn de hoy
docs.google.com/presentation...
@nerdearla.bsky.social #nerdearla
15.11.2025 15:00
๐ 2
๐ 0
๐ฌ 0
๐ 0
a close up of a person wearing sunglasses with the words `` wait , what ? ''
ALT: a close up of a person wearing sunglasses with the words `` wait , what ? ''
๐คฉ 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.
13.11.2025 11:24
๐ 92
๐ 10
๐ฌ 4
๐ 1
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
12.11.2025 13:04
๐ 2
๐ 0
๐ฌ 0
๐ 0
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.
22.10.2025 16:48
๐ 211
๐ 29
๐ฌ 14
๐ 5
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
19.06.2025 13:08
๐ 0
๐ 0
๐ฌ 0
๐ 0
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!
07.06.2025 09:50
๐ 1
๐ 0
๐ฌ 0
๐ 0
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
07.06.2025 09:50
๐ 8
๐ 0
๐ฌ 1
๐ 0
Learning browserโs behavior and future of CSS with the incredible @miriam.codes
#cssday
05.06.2025 18:43
๐ 1
๐ 0
๐ฌ 0
๐ 0
@johnfallsopp.com A Dao of css ๐
05.06.2025 11:40
๐ 0
๐ 0
๐ฌ 0
๐ 0
and first time watching all these mind-blowing demos live from @nerdy.dev ๐ค
05.06.2025 08:52
๐ 1
๐ 0
๐ฌ 0
๐ 0
First time at #cssday ๐พ
05.06.2025 08:47
๐ 3
๐ 0
๐ฌ 3
๐ 0
#CSS only carousels arrive in Chrome 135
โคท nerdy.dev/css-carousel...
20.03.2025 16:40
๐ 223
๐ 42
๐ฌ 13
๐ 6
Ainโt this brilliant ๐ฆ ๐
03.03.2025 20:37
๐ 3
๐ 0
๐ฌ 0
๐ 0
This is insane ๐
06.02.2025 15:02
๐ 1
๐ 0
๐ฌ 1
๐ 0
Picture of artistic 3D International signal code flags on wood hanging on a wall
International signal code flags
08.01.2025 16:22
๐ 2
๐ 0
๐ฌ 0
๐ 0
An Introductionย Toย CSSย Scroll-Driven Animations: Scroll And View Progress Timelines โ Smashing Magazine
10 years after scroll-driven animations were first proposed, theyโre finally here โ no JavaScript, no dependencies, no libraries, just pure CSS.
โ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
20.12.2024 12:39
๐ 21
๐ 7
๐ฌ 0
๐ 0
An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines
An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines, by @marianabeldi@x.com (@smashingmag@mastodon.social):
27.12.2024 22:30
๐ 3
๐ 1
๐ฌ 0
๐ 0
He knows he's charming
25.12.2024 20:59
๐ 1
๐ 0
๐ฌ 0
๐ 0
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:
25.12.2024 11:59
๐ 3
๐ 0
๐ฌ 1
๐ 0
This is my @codepen.io collection of CSS scroll-driven animations demos:
codepen.io/collection/W...
#css #webdev
23.12.2024 13:47
๐ 2
๐ 0
๐ฌ 0
๐ 0
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...
19.12.2024 18:21
๐ 107
๐ 11
๐ฌ 3
๐ 1
These are amazing! I've added a bunch of them to the collection, thanks for sharing! โค๏ธ
19.12.2024 13:20
๐ 0
๐ 0
๐ฌ 0
๐ 0
This is beautiful! ๐ I'm adding it to the collection, thanks for sharing! โค๏ธ
18.12.2024 14:31
๐ 1
๐ 0
๐ฌ 0
๐ 0