Starting in March 2024, Interaction to Next Paint will formally replace First Input Delay as a Core Web Vital metric. Learn how the two metrics differ, why we needed a new way to measure interaction responsiveness, and how you can start optimizing the performance of your site now for a seamless transition to the latest Core Web Vital metric.  

In the digital world, especially on the web, we’re used to things being stacked vertically. Scrolling, scrolling, through boxes of content…

SVG spinners: you’ve seen them all over, giving us as a visual cue when elements are loading or data is being fetched. They are practical, scalable, and can enhance user experience. This guide will walk you through how they can be implemented using only a few simple SVG attributes like stroke-dasharray and stroke-dashoffset.

Learn terminology, and become a better communicator

We are thrilled to introduce StyleX. StyleX is an expressive, deterministic, reliable, and scalable styling system for ambitious applications. We’ve taken the best ideas from the styling libraries that have come before to create something that is simultaneously familiar and uniquely new.

A scroll-triggered sliced text animation, where segmented elements reunite while scrolling.

A study of Google’s code review tooling (Critique), AI-powered improvements, and recent statistics

Animotion lets you create CSS animations visually, by dragging, resizing, rotating, clipping and more, including a keyframes editor, a collection of ready-to-use animations and 29 built-in easings  

By understanding these formats and their appropriate use cases, pros, and cons, you can ensure that your website’s images look great and load quickly, resulting in a better user experience. Check out this comprehensive guide on image formats for the web!

With Spotify Wrapped all over social media, I created GitHub Trends to view and share your own (unofficial) GitHub Wrapped! See your repositories and languages sorted by lines of code, your activity grouped by time and day, and more!