Cool Web Dev Sites

Deep, interactive essays on shaders and real-time 3D, each with a playground. Two of them at once here: volumetric raymarched clouds, then his retro-shading pass — tiny buffer, six levels a channel, 4×4 Bayer dither, scanlines. The octahedron is an SDF, lit in four steps.

Personal site of one of open source's most prolific design engineers — Vitest, Slidev, VueUse, UnoCSS, core team on Vue, Nuxt and Vite. The branches recreate the generative "plum" from his background: vines seeded at the edges, creeping inward and forking.

A WebGL fluid sim dressed as smoke — the demo that sent me off to build a Navier–Stokes solver for my quotes page. Faking it never convinces: smoke reads through advection, not texture. That solver, shrunk to a card. Move your cursor through it.

Thirty-odd creative components — real HTML drawn inside a canvas, WebGL running over it. The html-in-canvas half needs a Chrome flag; elsewhere, Safari included, it degrades to plain HTML plus the effects. Shown: ASCII Object. Mine is the cheap version, no library.

Paul Bakaus's design skill for coding agents — 23 commands, 58 anti-pattern checks, pointed at AI slop. The mock runs /polish both ways on a loop. Gradient fill, bloom shadow, over-rounding, centred copy, emoji, a shouting CTA: all on the list.

Leon Lin's answer from the other end: SKILL.md files that hand an agent a design direction — brutalist, minimal, soft — before it writes a line, instead of auditing the mess after. The card cycles three. Words never change; type and colour do.