Blog post

414: Apollo (and the Almighty Cache)

Rachel and Chris jump on the show to talk about a bit of client-side technology we use: Apollo. We use it because we have a GraphQL API and Apollo helps us write queries and mutations that go through...

A Studio Reborn: FUTURE THREE® and the Art of Self-Redesign | Codrops

FUTURE THREE® is a design studio specializing in brand creation and web design. In 2023, we founded FUTURE THREE®, Hassam Khan and I, Samet Cubuk. Back then, we were 23 years old and started with a...

Weisdevice: Crafting a Glitched-Out World Between 2D, 3D, and Sound | Codrops

In this case study, I will walk you through the process of creating my portfolio website — from early prototypes and technical experiments to the final glitched-out 3D world that became Weisdevice...

The Vision Behind Daria Nevezhyna’s Interactive Configurators | Codrops

My name is Daria, and I’ve been a designer focused on marketing for 9 years. I’m Ukrainian, and a little over two years ago I moved to Toronto, Canada — where I discovered a new world: the world of AI...

Google Chrome & Iframe `allow` Permissions Problems

If you’re a CodePen user, this shouldn’t affect you aside from potentially seeing some console noise while we work this out. Carry on! At CodePen we have Embedded Pens which are shown in an . These...

Chris’ Corner: Stage 2

We get all excited when we get new CSS features. Well, I do anyway. It’s amazing, because sometimes it unlocks something we’ve literally never been able to do before. It’s wonderful when an artist...

From Garage to Browser: Forged.build and the WebGPU Revolution | Codrops

The Forged site began with a simple question: what if a studio website could feel like a place? Not just a scroll of thumbnails or a polished homepage, but a world you could actually step into and...

Fragments: A Platform for Learning Creative Coding with Shaders | Codrops

Editor’s note: Today we’re highlighting Fragments, a project by Ben McCormick that helps creatives learn and experiment with shaders. We love showcasing work from the community, so if you’re building...

Creating Smooth Scroll-Synchronized Animation for OPTIKKA: From HTML5 Video to Frame Sequences | Codrops

When OPTIKKA—a creative orchestration platform transforming traditional design workflows into intelligent, extensible systems—came to us at Zajno, we quickly defined a core visual metaphor: a dynamic...

From Blank Canvas to Mayhem: Eloy Benoffi’s Brutalist, Glitchy Portfolio Built with Webflow and GSAP | Codrops

Hello World, Eloy Benoffi here (also known as ē𝔩๏ȳ̶̮̰̈́b) from Mar del Plata, Argentina — currently based in Madrid, Spain. I’m an Experimental UI Designer, Webflow Developer, and sometimes I like to...

413: Still indie after all these years

We’re over 13 years old as a company now. We decide that we’re not a startup anymore (we’re a “small business” with big dreams) but we are still indie. We’ve seen trends come and go. We just do what...

The Underdog’s Crown: Clay Boan’s 3D Playground of Design, Motion, and GSAP Magic | Codrops

How it all started It really started a few years ago when I got some time to look back at all the work I’d been doing over the past few years. I’ve been very busy since the last time I updated my...

Chris’ Corner: Design (and you’re going to like it)

Damning opening words from Edwin Heathcote in Why designers abandoned their dreams of changing the world. Every single thing on Earth not produced by nature had been designed. That was the...

How to Build an Immersive 3D Circular Carousel in WordPress Using Droip | Codrops

A flat carousel is nice.  But what if your cards could float in 3D space and orbit around like planets on your WordPress site? You read that right. Droip, the modern no-code website builder, now makes...

NITEX: Building a Brand and Digital Platform for Fashion’s New Supply Chain | Codrops

NITEX is not just another fashion-tech company. Their mission is to redefine the supply chain for fashion – bringing speed, sustainability, and intelligence to a traditionally rigid process. Their...

412: 2.0 Embedded Pens

Or just “Embeds” as we more frequently refer to them as. Stephen and Chris talk about the fairly meaty project which was re-writing our Embeds for a CodePen 2.0 world. No longer can we assume Pens are...

Generating Your Website from Scratch for Remixing and Exploration | Codrops

Codrops’ “design” has been long overdue for a refresh. I’ve had ideas for a new look floating around for ages, but actually making time to bring them to life has been tough. It’s the classic...

How to Animate WebGL Shaders with GSAP: Ripples, Reveals, and Dynamic Blur Effects | Codrops

In this tutorial, we’ll explore how to bring motion and interactivity to your WebGL projects by combining GSAP with custom shaders. Working with the Dev team at Adoratorio Studio, I’ll guide you...

Ponpon Mania: How WebGL and GSAP Bring a Comic Sheep’s Dream to Life | Codrops

Ponpon Mania is an animated comic featuring Ponpon, a megalomaniac sheep dreaming of becoming a DJ. We wanted to explore storytelling beyond traditional comics by combining playful interactions...

Chris’ Corner: Discontent

Nothing is above a little healthy criticism. Here’s Den Odell’s article We Keep Reinventing CSS, but Styling Was Never the Problem. It’s easy to forget what CSS was originally designed...

Self Doubt and the Quest for Fun: How I Ended up Turning my Portfolio into a Game | Codrops

At the beginning of 2025, I finally decided to build myself a new portfolio. I still pretty much liked the one I made back in 2021, but I felt the need to put to good use all the cool stuff I’ve...

Fluid Worlds and Layered Visions: Tomoya Okada’s Digital Craft | Codrops

Since 2020, I have been working as a frontend engineer in Japan. While my main role is in engineering, I also have a strong interest in design, and I have created numerous personal projects that...

How Readymag’s free layout model drives unconventional web design | Codrops

Readymag is a design tool for creating websites on a blank canvas. Grids and templates remain useful, but Readymag also makes room for another approach, one where designers can experiment more freely...

411: The Power of Tree-Sitter

Alex and Chris hop on the show to talk about a bit of technology that Alex calls “The 2nd best technological choice he’s ever made.” That technology is called Tree-sitter. It’s a code parsing tool for...

Developing Creativity & Emotional Design Skills for Beginners | Codrops

This article kicks off our series “Creating Emotionally Meaningful Experiences with AI, Three.js, and Blender.” In it, Andrew invites us into his world and shares a deeply personal journey into...

When Should Testing Start in the Development Process? – Complete Guide

Typically speaking, developing software is a long series of stages that starts with requirements gathering to development to testing, to final release. Each stage requires the respective members to...

Abstract Feelings, Concrete Forms: Daiki Fujita Portfolio 2025 | Codrops

Hi, I’m Daiki Fujita, a designer based in Tokyo, Japan. In this case study, I’ll walk you through the making of my 2025 portfolio. Background This project began with two motivations: reaching my...

Chris’ Corner: Word Search

My daughter had a little phase of being into Word Searches. I found it to be a cool dad moment when I was like “I’ll make you a tool to make them!”. That’s what she was into. She liked doing them OK...

Global by Design: Leading Across Borders to Shape Digital Experiences | Codrops

I’m Oliver Muñoz, the founder of Uncommon, a digital studio based in Melbourne. These days, I focus less on fine pixels myself and more on leading teams across time zones to do their best work. After...

410: Trying to help humans in an industry that is becoming increasingly non-human

Chris & Marie jump on the podcast to talk about just how drastically customer support has changed over the last few years. We still exclusively do customer support over email. Incoming email from...