Carmen Ansio
@carmenansio.bsky.social
🦄 Design Engineer
🌈 CSS Lover
🌈 CSS Lover
Obsessed with this Switch remake demo by @nerdy.dev at #CSSDay 🔥
June 5, 2025 at 8:20 AM
Obsessed with this Switch remake demo by @nerdy.dev at #CSSDay 🔥
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...
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...
May 25, 2025 at 11:10 AM
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...
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...
I've been playing around with CSS animations and made something fun... interactive bubbles! ✨💥
Repo & write-up coming soon. 🚀
Repo & write-up coming soon. 🚀
March 15, 2025 at 10:24 AM
I've been playing around with CSS animations and made something fun... interactive bubbles! ✨💥
Repo & write-up coming soon. 🚀
Repo & write-up coming soon. 🚀
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-...
Had the chance to share some thoughts in this @figma.com blog post.
Check it out!
→ www.figma.com/blog/double-...
February 21, 2025 at 3:28 PM
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-...
Had the chance to share some thoughts in this @figma.com blog post.
Check it out!
→ www.figma.com/blog/double-...
Exploring CSS animations with clip-path & filter ✨
February 14, 2025 at 3:40 PM
Exploring CSS animations with clip-path & filter ✨
Having fun with CSS animations
→ https://codepen.io/carmenansio/pen/JojoGXp
→ https://codepen.io/carmenansio/pen/JojoGXp
February 12, 2025 at 8:57 PM
Having fun with CSS animations
→ https://codepen.io/carmenansio/pen/JojoGXp
→ https://codepen.io/carmenansio/pen/JojoGXp
The best interactive article on animation and SVG. Understand the logic of Bezier curves.
→ https://blog.richardekwonye.com/bezier-curves
→ https://blog.richardekwonye.com/bezier-curves
January 23, 2025 at 10:30 PM
The best interactive article on animation and SVG. Understand the logic of Bezier curves.
→ https://blog.richardekwonye.com/bezier-curves
→ https://blog.richardekwonye.com/bezier-curves
Smooth animations, anyone?
This online tool makes it super easy to craft custom Bézier curves in CSS. Go level up those easings!
→ https://easingwizard.com/
This online tool makes it super easy to craft custom Bézier curves in CSS. Go level up those easings!
→ https://easingwizard.com/
January 23, 2025 at 5:55 PM
Smooth animations, anyone?
This online tool makes it super easy to craft custom Bézier curves in CSS. Go level up those easings!
→ https://easingwizard.com/
This online tool makes it super easy to craft custom Bézier curves in CSS. Go level up those easings!
→ https://easingwizard.com/
Discover how to create gradient and responsive text in CSS
→ https://codepen.io/carmenansio/pen/BabBQwR
→ https://codepen.io/carmenansio/pen/BabBQwR
January 22, 2025 at 10:03 PM
Discover how to create gradient and responsive text in CSS
→ https://codepen.io/carmenansio/pen/BabBQwR
→ https://codepen.io/carmenansio/pen/BabBQwR
CSS gradient text generator. Get the ready-to-use code for your project.
→ https://cssgradienttext.com
→ https://cssgradienttext.com
January 21, 2025 at 9:18 PM
CSS gradient text generator. Get the ready-to-use code for your project.
→ https://cssgradienttext.com
→ https://cssgradienttext.com
The fastest color palette generator. Find the perfect colours for your project instantly.
→ https://www.colourpalettegenerator.com/
→ https://www.colourpalettegenerator.com/
January 21, 2025 at 7:15 PM
The fastest color palette generator. Find the perfect colours for your project instantly.
→ https://www.colourpalettegenerator.com/
→ https://www.colourpalettegenerator.com/
Typography pairing generator
→ https://fontjoy.com
→ https://fontjoy.com
January 21, 2025 at 4:14 PM
Typography pairing generator
→ https://fontjoy.com
→ https://fontjoy.com
January 15, 2025 at 9:58 PM
Keep these free, easy-to-use CSS cheatsheets:
- Selectors
- Box Model
- Flexbox
- Grid
→ https://github.com/youneslaaroussi/css-docs
- Selectors
- Box Model
- Flexbox
- Grid
→ https://github.com/youneslaaroussi/css-docs
January 15, 2025 at 3:15 PM
Keep these free, easy-to-use CSS cheatsheets:
- Selectors
- Box Model
- Flexbox
- Grid
→ https://github.com/youneslaaroussi/css-docs
- Selectors
- Box Model
- Flexbox
- Grid
→ https://github.com/youneslaaroussi/css-docs
Shape your HTML & CSS ideas with this Flexbox and Grid Layout generator!
→ https://layout.bradwoods.io/
→ https://layout.bradwoods.io/
January 15, 2025 at 2:44 PM
Shape your HTML & CSS ideas with this Flexbox and Grid Layout generator!
→ https://layout.bradwoods.io/
→ https://layout.bradwoods.io/
Matrix Effect with JavaScript
January 11, 2025 at 7:20 PM
Matrix Effect with JavaScript
🧪 Experimenting with GSAP + SplitText
January 11, 2025 at 6:56 PM
🧪 Experimenting with GSAP + SplitText
🎉 So excited for this year’s DevWorld!
I’ll be sharing how to use Lottie to create web animations that take your UX to the next level.
See you in Amsterdam! ✨
→ https://devworldconference.com/
I’ll be sharing how to use Lottie to create web animations that take your UX to the next level.
See you in Amsterdam! ✨
→ https://devworldconference.com/
January 8, 2025 at 5:23 PM
🎉 So excited for this year’s DevWorld!
I’ll be sharing how to use Lottie to create web animations that take your UX to the next level.
See you in Amsterdam! ✨
→ https://devworldconference.com/
I’ll be sharing how to use Lottie to create web animations that take your UX to the next level.
See you in Amsterdam! ✨
→ https://devworldconference.com/
Who doesn’t love confetti? 🎉
Here’s a fun little canvas experiment I’ve been playing with
→ https://codepen.io/carmenansio/pen/Rwzzbvw
Here’s a fun little canvas experiment I’ve been playing with
→ https://codepen.io/carmenansio/pen/Rwzzbvw
January 8, 2025 at 4:52 PM
Who doesn’t love confetti? 🎉
Here’s a fun little canvas experiment I’ve been playing with
→ https://codepen.io/carmenansio/pen/Rwzzbvw
Here’s a fun little canvas experiment I’ve been playing with
→ https://codepen.io/carmenansio/pen/Rwzzbvw
A curated collection of essential UX design principles to keep in mind when crafting interfaces.
→ https://lawsofux.com
→ https://lawsofux.com
January 6, 2025 at 11:12 AM
A curated collection of essential UX design principles to keep in mind when crafting interfaces.
→ https://lawsofux.com
→ https://lawsofux.com
✨ Kaleidoscope built with WebGL
January 5, 2025 at 10:27 PM
✨ Kaleidoscope built with WebGL
A curated collection of essential UX design principles to keep in mind when crafting interfaces.
→ https://lawsofux.com
→ https://lawsofux.com
January 5, 2025 at 7:03 PM
A curated collection of essential UX design principles to keep in mind when crafting interfaces.
→ https://lawsofux.com
→ https://lawsofux.com
This effect uses GSAP to bring each letter to life with a smooth bounce, adding energy and flair to your text. Perfect for making titles pop!
https://codepen.io/carmenansio/pen/WbeXbEo
https://codepen.io/carmenansio/pen/WbeXbEo
January 2, 2025 at 7:31 PM
This effect uses GSAP to bring each letter to life with a smooth bounce, adding energy and flair to your text. Perfect for making titles pop!
https://codepen.io/carmenansio/pen/WbeXbEo
https://codepen.io/carmenansio/pen/WbeXbEo