Carmen Ansio's Avatar

Carmen Ansio

@carmenansio.bsky.social

πŸ¦„ Design Engineer 🌈 CSS Lover

1,555 Followers  |  84 Following  |  73 Posts  |  Joined: 17.09.2023
Posts Following

Posts by Carmen Ansio (@carmenansio.bsky.social)

Preview
A new way to style gaps in CSS Β |Β  Blog Β |Β  Chrome for Developers Say goodbye to border and pseudo-element hacks.

Happy to publish a post from the Microsoft team about the work to implement gap decorations for multicol, grid, and flex layouts. You'll soon be able to add a border round grid items, for example! Check out the demos in Chrome Canary developer.chrome.com/blog/gap-dec...

12.06.2025 09:24 β€” πŸ‘ 58    πŸ” 11    πŸ’¬ 4    πŸ“Œ 1
Config 2025: How to make interactive animations with Figma with Carmen Ansio
YouTube video by Figma Config 2025: How to make interactive animations with Figma with Carmen Ansio

La charla de @carmenansio.bsky.social en el #config2025 sobre animaciones en Figma con Arcane πŸ‘Œ

08.06.2025 10:48 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Post image

A #sketchnotes for the talk "Refactoring CSS" byΒ @ohhelloana.blog at the @cssday.nl #cssday

06.06.2025 13:38 β€” πŸ‘ 21    πŸ” 5    πŸ’¬ 0    πŸ“Œ 0
Preview
State of CSS 2025 Take the State of CSS survey

And don't forget to take the State of CSS 2025 survey when you're not watching #cssday talks. survey.devographics.com/en-US/survey...

06.06.2025 10:20 β€” πŸ‘ 9    πŸ” 7    πŸ’¬ 0    πŸ“Œ 0
Post image

So true 🫠 #CSSDay

06.06.2025 09:05 β€” πŸ‘ 18    πŸ” 4    πŸ’¬ 0    πŸ“Œ 1
Post image

A #sketchnotes for the talk "Level up your scroll UX" by @nerdy.dev‬ at the @cssday.nl #cssday

05.06.2025 08:29 β€” πŸ‘ 22    πŸ” 4    πŸ’¬ 1    πŸ“Œ 0
An advertisement on paper sticking at the wall of the toillete at cssday. I tadvertises the Wakamai Fondue website where Ou can get your font checked.

An advertisement on paper sticking at the wall of the toillete at cssday. I tadvertises the Wakamai Fondue website where Ou can get your font checked.

When on the toilette at @cssday.nl …

(… asvertisement by @pixelambacht.bsky.social)

05.06.2025 09:25 β€” πŸ‘ 6    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
CSS Day coffee break - people talking

CSS Day coffee break - people talking

The very red CSS Day badges

The very red CSS Day badges

Enthusiastic audience members raise their hands after a question of MC Stephen Hay

Enthusiastic audience members raise their hands after a question of MC Stephen Hay

The CSS Day auditorium, with Adam Argyle on stage

The CSS Day auditorium, with Adam Argyle on stage

#cssday

05.06.2025 12:23 β€” πŸ‘ 6    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

😍🀘

05.06.2025 09:40 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
CSSday 2025 Β· June 5, 2025 Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

Small thread with links and examples from the talk today

nerdy.dev/cssday-2025

05.06.2025 09:23 β€” πŸ‘ 73    πŸ” 14    πŸ’¬ 5    πŸ“Œ 1
Post image

Next we have John Allsopp.

In the early days of the web, designers used Photoshop to render the fancy fonts that they wanted and they embedded those fonts on the web page.

This became a ritual. We did it unthinkingly. #CSSDay

05.06.2025 09:03 β€” πŸ‘ 3    πŸ” 2    πŸ’¬ 1    πŸ“Œ 0
Post image

Obsessed with this Switch remake demo by @nerdy.dev at #CSSDay πŸ”₯

05.06.2025 08:19 β€” πŸ‘ 10    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Post image

🀘 #CSSDay

05.06.2025 07:29 β€” πŸ‘ 13    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

Ready to rock ⚑️
I'll be opening the pre-CSS Day meetup in Amsterdam with "Keep Your UI in Motion", a short but punchy talk on shipping interfaces that feel as good as they look.

Come hang out πŸ‘‰ www.meetup.com/coven-of-wis...

25.05.2025 11:10 β€” πŸ‘ 11    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

CSS Day 2025 speakers starter pack:

go.bsky.app/CA1CWoN

04.05.2025 19:01 β€” πŸ‘ 23    πŸ” 3    πŸ’¬ 1    πŸ“Œ 1

πŸ₯°πŸ₯°πŸ₯°πŸ₯°

19.03.2025 23:25 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

I've been playing around with CSS animations and made something fun... interactive bubbles! ✨πŸ’₯

Repo & write-up coming soon. πŸš€

15.03.2025 10:24 β€” πŸ‘ 11    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
A custom function that returns different values based on light or dark mode being used to visit the page.

A custom function that returns different values based on light or dark mode being used to visit the page.

CSS Custom Functions are coming … and they are going to be a game changer!

πŸ‘‰ brm.us/css-custom-f...

09.02.2025 01:21 β€” πŸ‘ 398    πŸ” 91    πŸ’¬ 18    πŸ“Œ 18
Preview
JSConf EspaΓ±a 2025 Conferencia de ProgramaciΓ³n de JavaScript en EspaΓ±a en La Nave de Madrid

Had a great time at JSCONF.es 2025 πŸš€! Learned a lot and met amazing people. Learned a lot from amazing speakers such as @carmenansio.bsky.social, Javier Velasco from @vercel.com and more. ✨ #JSCONFes #JavaScript

πŸ—’οΈ Read the recap!: salvasc.dev/blog/My-Weekend-at-JSCONF-es-2025soLUiTnK_R_0FHAAGIu97

04.03.2025 10:50 β€” πŸ‘ 5    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

Eso siempre me lo ha dicho @guaca.bsky.social 😬

01.03.2025 23:10 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image

La charla de @carmenansio.bsky.social ha sido super chula! Ahora solo quiero hacer cositas con canvas #jsconfes

01.03.2025 11:53 β€” πŸ‘ 10    πŸ” 1    πŸ’¬ 1    πŸ“Œ 0
Carmen en su charla en la JSConf con la imagen de su libreta de notas sobre animaciones para la charla.

Carmen en su charla en la JSConf con la imagen de su libreta de notas sobre animaciones para la charla.

Incluso las chuletas de @carmenansio.bsky.social son bonitas #jsconfes

01.03.2025 15:57 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 1    πŸ“Œ 0
Preview
Whimsical Animations Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

πŸŽ‰ Introducing my upcoming third course, Whimsical Animations!

This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨

You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:

24.02.2025 16:32 β€” πŸ‘ 423    πŸ” 68    πŸ’¬ 38    πŸ“Œ 18
Video thumbnail

Vibe Coding is opening up new possibilities where design meets development.
Had the chance to share some thoughts in this @figma.com blog post.

Check it out!
β†’ www.figma.com/blog/double-...

21.02.2025 15:28 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
a group of women are standing next to each other in a room . one of the women is wearing a green satin top . ALT: a group of women are standing next to each other in a room . one of the women is wearing a green satin top .
19.02.2025 11:08 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

Exploring CSS animations with clip-path & filter ✨

14.02.2025 15:40 β€” πŸ‘ 13    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

Having fun with CSS animations
β†’ https://codepen.io/carmenansio/pen/JojoGXp

12.02.2025 20:57 β€” πŸ‘ 13    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

Te ha llegado un email cuando te has registrado ? AhΓ­ deberΓ­a haber un link a una plataforma

09.02.2025 20:04 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Ese usarΓ© de ejemplo πŸ‘Œ

04.02.2025 19:06 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
a little girl with pigtails and a bow on her head says so excited ! ALT: a little girl with pigtails and a bow on her head says so excited !
04.02.2025 12:57 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0