Naiara Abaroa retweeted
A hand-cranked toy projector taught @carmenansio something worth carrying into interface design: the fun begins when you touch things and see what happens.
That instinct runs through her work, from the systems behind Stripe’s dashboard to tiny, gloriously unnecessary motion experiments. Not everything needs a reason to move. Sometimes the movement is the point.
Get to know Carmen and her work: tympanus.net/codrops/?p=1246…
#css #motiondesign
Naiara Abaroa retweeted
Our Person of the Week is a Design Technologist focused on design systems, motion, and accessible UI. Please give a warm round of applause for... Carmen Ansio!
Thank you for everything you do for the community, dear @carmenansio! 🧡
#smashingcommunity
ALT The Person of the Week is Carmen Ansio.
Naiara Abaroa retweeted
📣 Nuevo post: "Chrome DevTools para depurar el rendimiento de una web"
Una guía paso a paso de cómo utilizo @ChromeDevTools para detectar problemas de Web Performance en una web, así como validar algunas hipótesis para solventar algunos de los problemas encontrados
joanleon.dev/posts/chrome-de…
#WebPerf #DevTools
Bueno, behintzat pozik geratu naz nakDS ondik operatibo daola ikustiagaz, eta politto ganera. Bi takadatan eginda dago, oin dala 8 urte eta oin dala 4 urte. Oinarrijja ondo badago luzaruan bixi irauten dau baitta kodiak be.
Naiara Abaroa retweeted
La propiedad CSS content-visibility puede mejorar significativamente el rendimiento de renderizado, especialmente en páginas con mucho contenido.
En este artículo explico cómo funciona, muestro un caso real con métricas antes/después, y comparto dos snippets para auditar su uso en cualquier web.
joanleon.dev/posts/content-v…
#WebPerf #Performance #CSS
Naiara Abaroa retweeted
table of contents marker w/ modern css 🧑🍳
.toc { scroll-target-group: auto; }
a:target-current { anchor-name: --active; }
.toc::after {
position-anchor: --active;
top: anchor(top);
}
fun progressive enhancement, no js 🤙
Day 15 of building cool ideas I love 🚀
Been super occupied, but I had some time to work on this blog post animation using CSS and JS
I am curious @jh3yy if this can be done with only css
Naiara Abaroa retweeted
UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch.
I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you.
Bookmark it for later 💜
«Bost bat minutu egin nituen buruz behera, itsasoko ura tragatzen, badakit zer den hiltzea» gaur8.naiz.eus/eu/info_gaur8…
Naiara Abaroa retweeted
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
Naiara Abaroa retweeted
Barriro sensasiño bardinagaz bukatzen dogu asteburu berezi hau. Ekitaldi honen ezaugarrijjak urtietan zihar aldatzen doiazen eñian, esentzijjak tinko jarraitzen dau. Inguru seguru eta lagunkoia sortzen da, kreatibua, kolaboratibua, inspiradoria, punkia eta maitxakorra.
#beAnti
Naiara Abaroa retweeted
We're keeping the #CSSPodcast episodes rolling!
So far:
- View transitions news
- CSS carousels and scroll APIs
- State queries for scrolling and anchoring
- if() and custom functions
And another new one out tomorrow!
Naiara Abaroa retweeted
Preciosa perla que hemos encontrado ✨
Eskerrik asko @ojoven
youtu.be/pGaKf1bekO0?si=gNTk…
