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...

La charla de @carmenansio.bsky.social en el #config2025 sobre animaciones en Figma con Arcane 👌

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

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...

So true 🫠 #CSSDay

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

When on the toilette at @cssday.nl … (… asvertisement by @pixelambacht.bsky.social)

😍🤘

Small thread with links and examples from the talk today nerdy.dev/cssday-2025

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

Obsessed with this Switch remake demo by @nerdy.dev at #CSSDay 🔥

🤘 #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...

CSS Day 2025 speakers starter pack: go.bsky.app/CA1CWoN

I've been playing around with CSS animations and made something fun... interactive bubbles! ✨💥 Repo & write-up coming soon. 🚀

CSS Custom Functions are coming … and they are going to be a game changer! 👉 brm.us/css-custom-f...

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

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

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

🎉 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:

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-...

Exploring CSS animations with clip-path & filter ✨

Having fun with CSS animations → 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

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/

The best interactive article on animation and SVG. Understand the logic of Bezier curves. → https://blog.richardekwonye.com/bezier-curves

Shape your HTML & CSS ideas with this Flexbox and Grid Layout generator! → https://layout.bradwoods.io/

Discover how to create gradient and responsive text in CSS → https://codepen.io/carmenansio/pen/BabBQwR

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/

Anytime I am helping someone with CSS and they seem to have the wrong mindset in how they approach writing it, I tell them to watch this video by @miriam.codes As far as I'm concerned it should be required viewing for anyone who is learning CSS. youtu.be/aHUtMbJw8iA?...

Discover how to create gradient and responsive text in CSS → https://codepen.io/carmenansio/pen/BabBQwR

Join us for the first CSS Café meetup of the year! 🎉 @rachelandrew.bsky.social will show us a new solution for the visual vs. source order disconnect in CSS: the upcoming reading-flow property! 🌐✨ www.meetup.com/css-cafe/eve...

CSS gradient text generator. Get the ready-to-use code for your project. → https://cssgradienttext.com

The fastest color palette generator. Find the perfect colours for your project instantly. → https://www.colourpalettegenerator.com/

Typography pairing generator → https://fontjoy.com

Keep these free, easy-to-use CSS cheatsheets: - Selectors - Box Model - Flexbox - Grid → https://github.com/youneslaaroussi/css-docs

However, behind the curtain things are moving forward. Want a sneak peek? Here's a sneak peek. (Not yet online, get your exclusive content only here.)

Rest In Weird, David Lynch.

What does the title #DesignEngineer mean to you? I'm putting together an article and I'd love to hear what your thoughts are, especially in relation to #DesignSystems. Boost for reach? 💜

Create an animated gradient background with CSS → https://codepen.io/carmenansio/pen/MWExRMQ

Keep these free, easy-to-use CSS cheatsheets: - 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/

🧪 Experimenting with GSAP + SplitText

CSS Day 2025 will take place on 5th and 6th of June in Amsterdam. #cssday cssday.nl

Follow up! Just over a week ago I asked you all what the title #DesignEngineer meant to you, and *a lot* of you responded. I took some time to collate these thoughts, chew on them and provide some resources y'all kindly shared:

With CSS, you can animate text width on hover using Variable Fonts: → Adjust font axes dynamically to create smooth transitions. → Perfect for adding interactive flair to your designs without extra assets.

Explore the ultimate guide to mastering Design Principles: → Packed with references → Real-world examples principles.design

Matrix Effect with JavaScript

Wanna give your text a cool neon vibe? → All you need is HTML to set a data-text attribute and CSS to style the effect. → This allows you to add extra content to the element, making it perfect for creating visual effects. https://codepen.io/carmenansio/pen/XWBKLqm/a8ff185600282790578fdf77e689b148