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 […]
From Simple Data Transfer To Modern Composable Architectures — Smashing Magazine
In today’s web development landscape, the concept of a monolithic application has become increasingly rare. Modern applications are composed of multiple specialized services, each of which handles specific aspects of functionality. This shift didn’t happen overnight — it’s the result of decades of evolution in how we think about and implement data transfer between systems. […]
Designer Spotlight: Jhosue Mesias | Codrops
In this Designer Spotlight, we feature Jhosue Mesias, a digital designer and Awwwards Young Jury member. With a background in programming and self-learning, he pushes creative boundaries, crafting immersive digital experiences that blend art direction, UI/UX, and storytelling. Here, he shares insights into his creative process and highlights some of his most impactful projects. Hi! […]
How To Test And Measure Content In UX — Smashing Magazine
The goal of content design is to reduce confusion and improve clarity. Yet often it’s difficult to pinpoint a problem as user feedback tends to be not specific enough. But: we can use a few simple techniques to assess how users understand and perceive content. Let’s take a look. Part of Smart Interface Design Patterns […]
Players Club: A Free Astro Template for Showcasing Music Artists
I’ve been wanting to experiment with Astro for a while, and this little project gave me the perfect opportunity. Players Club is a proof of concept born from a collaboration with Alex Tkachev, whose Dribbble shot served as the foundation for the design and animations. He not only gave me permission to use it but […]
Beyond Server Response Time — Smashing Magazine
Optimizing web performance means looking beyond surface-level metrics. Time to First Byte (TTFB) is crucial, but improving it requires more than tweaking server response time. Matt Zeunert breaks down what TTFB is, what causes its poor score, and why reducing server response time alone isn’t enough for optimization and often won’t be the most impactful […]
Building a Playful Stop-Motion Crayon Cursor in p5.js
Hey, it’s me again—Jorge Toloza! I’m the Co-Founder and Creative Director at DDS Studio. Today, I’ve got a fun idea to share that came to me while I was messing around with p5 Brush and sketching in my notebook. We’re going to create a cool stop-motion crayon cursor effect using p5.brush.js—a neat collection of functions […]
Taking RWD To The Extreme — Smashing Magazine
Tomasz Jakut reflects on the evolution of web design, recalling the days when table layouts were all the rage and Flash games were shaping the online culture. And then responsive web design (RWD) happened — and it often feels like the end of history; well, at least for web design. After all, we still create […]
Developer Spotlight: Guillaume Lanier
Hey Codrops community! I’m Guillaume Lanier, a Creative & Frontend Developer based in Amsterdam. I specialise in creating immersive digital experiences with expertise in 2D/3D graphics and interactive development. Featured Work Anoyo (2023-Present) Anoyo (あの世 – “the other world” in Japanese) stands as a unique place for exploration and experimentation. It doubles as both a […]
How I Created A Popular WordPress Theme And Coined The Term “Hero Section” (Without Realizing It) — Smashing Magazine
In 2013, Marcel Moerkens was working on Brooklyn, his WordPress theme, and he needed a way to make it stand out from the pack of other WordPress themes. Little did he know that the intro section he called a “Hero” would become one of the most recognizable patterns in web design today. Here’s how the […]