Alpine.js: jQuery for the Reactive Era
Alpine.js is a minimal reactive framework that lives inside HTML attributes. x-data defines a component scope, x-show and x-bind handle visibility and attribute binding, and x-on:c…
Read article →htmx: HTML Strikes Back
htmx extends HTML with attributes that let any element issue AJAX requests, swap parts of the page, and respond to events. hx-get, hx-post, hx-swap, and…
Read article →View Transitions API in Real Sites
The View Transitions API lets the browser animate between two DOM states. Wrap a DOM mutation in document.startViewTransition(callback) and Chrome will snapshot the before and…
Read article →CSS Container Queries in Production
Container queries let components style themselves based on their parent's size instead of the viewport. Set container-type: inline-size on a parent, then use @container (min-width:…
Read article →IntersectionObserver Patterns Worth Knowing
IntersectionObserver tells you when an element enters or leaves the viewport. The classic use is lazy-loading images, but it covers infinite scroll, scroll-driven animations, and…
Read article →