An Ode To Side Project Time — Smashing Magazine
A once-revered perk of some tech workplaces, the status of ‘side project time’ seems to have slipped in recent years. Frederick O’Brien believes it deserves a comeback. There seemed to be a hot minute when the tech industry understood the value of idle tinkering and made a point of providing ‘side project time’ as an […]
Lessons Learned — Smashing Magazine
Alvaro Saburido delves into the current state and challenges of Open-Source authoring, sharing lessons learned from both community- and company-driven initiatives. Open source is the backbone of modern software development. As someone deeply involved in both community-driven and company-driven open source, I’ve had the privilege of experiencing its diverse approaches firsthand. This article dives into […]
A Chat With Rich Harris — Smashing Magazine
After months of anticipation, debate, and even a bit of apprehension, Svelte 5 arrived earlier this year. Frederick O’Brien caught up with its creator, Rich Harris, to talk about the path that brought him and his team here and what lies ahead. Svelte occupies a curious space within the web development world. It’s been around […]
Developer Spotlight: Quentin Hocdé | Codrops
Hey Codrops community, I’m Quentin, an independent interactive and creative developer with 11 years of experience. I’m based in Brussels (Belgium), and I created piecesjs. I’m passionate about well-crafted animations and smart user experiences. I specialize in creating immersive, interactive experiences that focus on smooth animations and seamless user flows. Showcase Héloïse Thibodeau Architecte The […]
Transitioning Top-Layer Entries And The Display Property In CSS — Smashing Magazine
We are getting spoiled with so many new features involving animations with CSS, from scroll-driven animations to view transitions, and plenty of things in between. But it’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte puts […]
Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives.
Creating animations for the web can often feel time-consuming and challenging. As animation becomes an increasingly important part of the modern web, I felt there was a need for something to make it easier, something like shadcn/ui, but for animated components. That’s why I created Motion-Primitives: a library of pre-built, customizable, and easy-to-integrate motion components […]
A Crucial Counterpart To Your Design System — Smashing Magazine
Design systems play a crucial role in today’s digital landscape, providing a blueprint for consistent and user-friendly interfaces. But there’s another tool that deserves equal attention: the digital playbook. I recently wrote for Smashing Magazine about how UX leaders face increasing pressure to deliver more with limited resources. Let me show you how a digital […]
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In this tutorial, you will learn how to create a circular text animation in a 3D space using Three.js with a nice distortion effect enhanced with shaders. I am using the three-msdf-text-utils tool to help rendering text in 3D space here, but you can use any other tool and have the same result. At the […]
Look Closer, Inspiration Lies Everywhere (February 2025 Wallpapers Edition) — Smashing Magazine
Let’s make the most of the shortest of all months, with a new collection of desktop wallpapers celebrating new opportunities, sweet memories, happy little moments, and everything in between. All of them created with love by the community for the community. Enjoy! As designers, we are always on the lookout for some fresh inspiration, and […]
How to Make The Fluffiest Grass With Three.js
I spent over 200 hours researching how to make fluffy grass that I used in my project Elysium. I wanted to use a technique that was simple, but extremely effective and performant enough to run on older devices. In this detailed article, I will breakdown all of the techniques used and explain how I made […]