Front End World

Vite+ guide: One CLI for JavaScript tooling

Learn how Vite+ unifies Vite, Vitest, Oxlint, Oxfmt, Rolldown, and Node.js management in one CLI.

https://blog.logrocket.com/vite-plus-guide-cli-javascript-tooling/

You don’t know HTML Lists

This second installment in the "You don't know HTML" series is going to be all about the ways that we put collections of things together

https://blog.frankmtaylor.com/2026/05/13/you-dont-know-html-lists/

The Modern React Stack Explained for 2026

A complete guide to the modern React ecosystem in 2026, covering frameworks, forms, state management, UI libraries, testing, and developer tooling.

https://jsdev.space/react-stack-2026/

Announcing Rolldown 1.0

Rolldown, the high-performance Bundler for JavaScript, reached 1.0 stable and production readiness. It features speed, Rollup plugin compatibility, and unique bundler features. Upgrading from the latest RC does not need any code changes.

https://voidzero.dev/posts/announcing-rolldown-1-0

Error and Not-Found Pages in the App Router

The error.tsx and not-found.tsx conventions in the Next.js App Router, how nested error boundaries work, and what happens when notFound() is called.

https://paulund.co.uk/notebook/nextjs/error-and-not-found-pages-in-app-router/

From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio

A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.

https://tympanus.net/codrops/2026/05/06/from-shader-uniforms-to-clip-path-wipes-how-gsap-drives-my-portfolio/

Making Zigzag CSS Layouts With a Grid + Transform Trick

Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do it with CSS Grid.

https://css-tricks.com/zigzag-css-grid-layouts/

Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP

How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP.

https://tympanus.net/codrops/2026/05/05/reverse-engineering-claude-ais-mascot-animations-with-svg-and-gsap/

Fixed-Height Cards: More Fragile Than They Look

Getting a multi-column of cards to line up equally is is a headache we've all faced, and it gets even harder when working with fixed heights.

https://css-tricks.com/fixed-height-cards-more-fragile-than-they-look/

Making Bluetooth Low Energy Work with JavaScript

A field report from building a Bluetooth tracker in React Native. The permissions that crash silently, the bytes you decode by hand, and the signal-strength number that lies to you.

https://dev.to/blackscripts/making-bluetooth-low-energy-work-with-javascript-1b5n

Using safe-area-inset to build mobile-safe layouts

Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/

I Don’t Like Tailwind. Sorry Not Sorry

An opinionated defence of hand-crafted CSS in a utility-class world There. I said it. Call me a...

https://dev.to/freshcaffeine/i-dont-like-tailwind-sorry-not-sorry-50b5

Automate the browser from the terminal with Chrome DevTools MCP CLI

The chrome-devtools-mcp package includes an experimental CLI that lets you control Chrome directly from the terminal: navigate, interact, audit performance, analyze network and memory, all without leaving the shell.

https://joanleon.dev/en/chrome-devtools-mcp-cli/