Smashing Magazine

Our Person of the Week is a Growth Advisor who loves to share her knowledge about product-led growth, UX, and leadership. Please give a warm round of applause for... Kate Syuma! Thank you for everything you do for the community, dear Kate! 💖 #smashingcommunity

🌟 What turns a good design project into an incredible one? For web and product designers, it’s not just about adding more animations and flair. Olivia De Alba shares 3 approaches with practical examples that will reframe your process and elevate your work: https://buff.ly/4fnwqxW

✨ 10 years after scroll-driven animations were proposed, they’re finally here — this time, they’re different. No JS, no dependencies, no libraries. Just pure CSS running off the main thread, delivering smooth, high-performance, GPU-accelerated experiences: https://buff.ly/41vJle0

🌈 SVG arcs demystified! Akshay Gupta explains how to master radii, rotation, and arc direction to create stunning curves. Make arcs a powerful part of your SVG toolkit for creating more dynamic, intricate designs with confidence: https://buff.ly/3D8ETI8

⚙️ Forms are already notoriously tough to customize and style — to the extent that we’re already starting to see new ideas for more flexible control. But what we don’t often discuss is designing good-form experiences beyond validation. That’s what Jima Victor discusses in his article, focusing specifically on creating multi-step forms that involve navigation between sections: https://buff.ly/3Vmcm7Y

From KnockoutJS to modern UI libraries like SolidJS, Vue.js, and Svelte, signals revolutionized how we think about reactivity in UIs. Here’s a deep dive into their history and impact by Atila Fassina: https://buff.ly/4eKzSTj

Penpot brings designers & developers closer with a free, open-source tool based on open web standards. Today, meet its newly released Penpot Plugin System. 🎉 So now, if there’s a functionality missing, you don’t need to jump into the codebase straight away — just create a plugin to achieve what you need. And you can even serve it from localhost: https://buff.ly/3AGpUnY

As we approach the end of the year, we thought it would be nice to help everyone in our community prepare for the year ahead. 🧡 ⏰ The time is now: get friendly pricing on bundles of Smashing books and workshops to dive deep into the subjects you care about most: https://lnkd.in/eE9fiYTk

Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. ↬ Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring performance metrics, and why you need real-user monitoring for a complete picture: https://lnkd.in/eNcXzAM8 (Article is kindly supported by DebugBear ✨)

🌟 Discover how Victor Ayomipo experiments with the CSS min() function, exploring its flexibility with different units to see if it is the be-all, end-all for responsiveness. Along the way, he also shares warnings against dogmatic approaches to web design: https://buff.ly/4dW3tsi