Surma is a contributor to WebFundamentals
Animation Worklet allows you to write imperative animations that run at the device's native frame rate for that extra buttery jank-free smoothness™, make your animations more resilient against main thread jank and are linkable to scroll instead of time.
Wasm allows you to run C code on the web.
Implications for Web Developers and Chrome’s mitigations.
Houdini’s CSS Paint API allows you to programmatically draw CSS images.
A few tricks are necessary to animate a blur efficiently.
“Code splitting” and “route-based chunking” are some of the new buzzwords in web development. But what do they mean and how can you implement them?
Custom transform matrices allow you to build frame-perfect custom scrollbars.
CSS Grid Layout makes creating two dimensional grid based layouts easy. It's been in development for over 5 years, but is now available in Chrome and coming to other browsers soon. Let's take a peek at what's new and how you can use it on your sites!
If your video is short and you want it to auto-play—basically, if you are considering a GIF—then this guide might be just what you need.
ResizeObserver lets you know when an element has changed its size.
HTTP/2 (or h2) is a binary protocol that brings push, multiplexing streams and frame control to the web.
Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.
Houdini is a collection of APIs that expose the CSS engine’s internals to developers
IntersectionObservers let you know when an observed element enters or exits the browser’s viewport.