Surma

Surma

Advocate for the web.

Replacing a hot path in your app's JavaScript with WebAssembly

One key benefit that WebAssembly offers is _predictable_ performance across browsers. But how do you turn hot path written in JavaScript into WebAssembly?

Surma

Surma

Houdini's Animation Worklet

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.

Surma

Surma

Meltdown/Spectre

Implications for Web Developers and Chrome’s mitigations.

Surma

Surma

CSS Paint API

Houdini’s CSS Paint API allows you to programmatically draw CSS images.

Surma

Surma

Animating a blur

A few tricks are necessary to animate a blur efficiently.

Surma Yi Gu

Surma , Yi Gu

Supercharged live stream blog - Code splitting

We implemented code splitting and route based chunking just like WebPack.

Surma

Surma

CSS Deep-Dive - matrix3d() for a frame-perfect custom scrollbar

Custom transform matrices allow you to build frame-perfect custom scrollbars.

Surma

Surma

CSS Grid – Table layout is back. Be there and be square

CSS Grid is a new layout system for the web.

Surma

Surma

Complexities of an infinite scroller

Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.

Surma Robert Flack

Surma , Robert Flack

Houdini - Demystifying CSS

Houdini is a collection of APIs that expose the CSS engine’s internals to developers

Surma

Surma

IntersectionObserver’s coming into view

IntersectionObservers let you know when an observed element enters or exits the browser’s viewport.

Surma

Surma

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.