New post every week

Design, Code & Craft

A journal about building things for the web that feel alive — animation, interfaces, and the obsessive details that make them work.

48Articles
Published
Scroll
GSAP✦SCROLL TRIGGER✦FRAMER MOTION✦REACT✦NEXT.JS✦TAILWIND✦TYPESCRIPT✦FIGMA✦BENTO✦ANIMATION✦GSAP✦SCROLL TRIGGER✦FRAMER MOTION✦REACT✦NEXT.JS✦TAILWIND✦TYPESCRIPT✦FIGMA✦BENTO✦ANIMATION✦
UI DESIGN◆WEB CRAFT◆PERFORMANCE◆ACCESSIBILITY◆DARK MODE◆MICRO-INTERACTIONS◆TYPOGRAPHY◆CSS GRID◆RESPONSIVE◆OPEN SOURCE◆UI DESIGN◆WEB CRAFT◆PERFORMANCE◆ACCESSIBILITY◆DARK MODE◆MICRO-INTERACTIONS◆TYPOGRAPHY◆CSS GRID◆RESPONSIVE◆OPEN SOURCE◆
// Latest writings
FRESH
ENTRIES
View all posts
Scroll Animations That Feel Alive
01
Motion
Apr 12, 2026 — 8 min

Scroll Animations That Feel Alive

Most scroll animations feel like afterthoughts. Here is how to make them feel intentional, responsive, and genuinely delightful using GSAP ScrollTrigger and modern techniques.

Read article
Author

Alex Chen

Design engineer obsessed with making the web feel tangible. Writing about interfaces, motion, and the details that matter.

Open to work
𝕏GHLI
✦

Weekly deep dives

One focused article per week. No fluff, just craft. Join 2,400+ readers.

The Bento Grid: A Deep Dive
02
CSS
Apr 8, 2026 — 12 min

The Bento Grid: A Deep Dive

Apple made it famous. Now every portfolio uses it. Let us break down the CSS Grid magic behind bento layouts and build one from scratch that actually impresses.

// Stats
48Articles
12KMonthly readers
2.4KSubscribers
5yrWriting
Dark Mode Beyond Color Inversion
03
Design
Mar 30, 2026 — 6 min

Dark Mode Beyond Color Inversion

Dark mode is not just a CSS filter. Proper dark themes need adjusted contrast ratios, warm grays, and careful shadow handling.

React Server Components in 2026
04
React
Mar 22, 2026 — 15 min

React Server Components in 2026

RSCs changed how we think about rendering. Here is what I learned after shipping three production apps with the new paradigm.

Typography That Actually Speaks
05
Type
Mar 15, 2026 — 7 min

Typography That Actually Speaks

Inter is safe. But safe is boring. A guide to pairing typefaces that give your site personality without sacrificing readability.

When Speed Becomes the Feature
06
Perf
Mar 8, 2026 — 10 min

When Speed Becomes the Feature

Your site loads in 1.2 seconds? Mine loads in 0.4. Here is every trick I used to get there and which ones actually mattered.

// Stack & experience

WHAT I

WORK WITH

✋

Drag to explore

Spin the sphere to see the full stack

// Topics I cover

Scroll Animations

12

CSS Techniques

9

React Patterns

14

Design Systems

7

Typography

5

Performance

8

Accessibility

6

Motion Design

10
// Got questions?

FAQ

The questions I get asked most. If yours isn't here, just ask.

Mostly frontend craft — scroll animations, CSS techniques, React patterns, design systems, and performance optimization. I focus on the details that make interfaces feel alive and intentional.

One deep-dive per week, usually on Tuesdays. Each article goes through multiple drafts. I'd rather publish one well-crafted piece than five mediocre ones. Quality over quantity, always.

Absolutely. Every code snippet on this blog is free to use in personal and commercial projects. No attribution required, though a link back is always appreciated. Build cool things with it.

Selectively, yes. I'm most interested in design engineering roles — building interactive UIs, animation systems, and design system foundations. If you have something interesting, reach out.

React + Next.js for the framework. Tailwind for styling. GSAP and Framer Motion for animation. TypeScript everywhere. Figma for design. VS Code with Vim keybindings. Vercel for deployment.

DM me on Twitter/X or drop me an email. I keep a running list of reader suggestions and try to cover the most requested topics first. If enough people ask, I'll write about it.