StringTune: The JavaScript Library Born from a Design Agency’s Workflow
19.3.2025
Learn how to use this flexible JavaScript library for animations, smooth scrolling, and interactive effects
Building an Interactive Image Grid with Three.js
18.3.2025
In this tutorial, we'll create an interactive image grid using Three.js, covering setup, animations, and shaders
Styling Counters in CSS
17.3.2025
Going from the most basic ways to style lists directly in HTML to advanced customization techniques that are even capable of making things that aren't lists look like lists.
Styling Counters in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...
Case Study: Motoyoshi Takamitsu
17.3.2025
An exploration of the design and development of photographer Motoyoshi Takamitsu's portfolio website
Web Components Demystified
14.3.2025
Scott Jehl released a course called Web Components Demystified. This is my full set of notes from Scott's course. You'll still want to take the course on your own, and I encourage you to because Scott is an excellent teacher who makes all of this stuff extremely accessible, even to noobs like...
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
13.3.2025
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials
Case Study: Fiddle.Digital Design Agency — The New Us
12.3.2025
This case study tells the story of how a small rebranding idea sparked a revolution within the agency
Powering Search With Astro Actions and Fuse.js
11.3.2025
With Astro, we can generate most of our site during our build, but have a small bit of server-side code that can handle search functionality using something like Fuse.js. In this demo, we’ll use Fuse to search through a set of personal “bookmarks” that are generated at build time, but return back...
Replicating CSS Object-Fit in WebGL: Optimized Techniques for Image Scaling and Positioning
11.3.2025
Explore optimized methods to achieve responsive image scaling and positioning in WebGL, similar to the CSS object-fit: cover behavior
Smashing Meets Accessibility
10.3.2025
The videos from Smashing Magazine's recent event on accessibility were just posted the other day. I was invited to host the panel discussion with the speakers, including a couple of personal heroes of mine, Stéphanie Walter and Sarah Fossheim. But I was just as stoked to meet Kardo Ayoub who shared...
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
10.3.2025
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL)
A CSS-Only Star Rating Component and More! (Part 2)
7.3.2025
In this second article of a two-part series, Temani Afif demonstrates an alternative approach to creating the star rating component from the first article using experimental scroll-driven animations to animate the star rating's colors in place rather than using the border-image property.
A...