The five best design links, every weekday

Domain: developer.chrome.com

developer.chrome.com

An alternative proposal for CSS masonry

A proposal to define masonry and grid in different specifications.

developer.chrome.com

High Definition CSS Color Guide

CSS Color 4 brings wide gamut color tools and capabilities to the web: more colors, manipulation functions, and better gradients.

developer.chrome.com

Modern client-side routing: the Navigation API

Learn about the Navigation API, a new API which adds improved functionality to build single-page applications.

developer.chrome.com

CSS Wrapped: 2023!

2023 was a huge year for CSS! Learn about what landed in Chrome and across the web platform this year.

developer.chrome.com

CSS prefers-reduced-transparency

Optimize and adjust for users who prefer an opaque UI.

developer.chrome.com

CSS text-wrap: pretty

Opt-in optimized text wrapping, for beauty over speed.

developer.chrome.com

Select element: now with horizontal rules

Learn how expanded select element capabilities enable visual horizontal breaks for better grouping.

developer.chrome.com

Limit the reach of your selectors with CSS @scope

Learn how to use @scope to select elements only within a limited subtree of your DOM.

developer.chrome.com

From WebGL to WebGPU

Learn some tips for WebGL developers who are migrating to WebGPU.

developer.chrome.com

Astro View Transitions

Highlight how the Astro community embraced View Transitions when Chrome was shaping up the API.

developer.chrome.com

Four new CSS features for smooth entry and exit animations

Learn about new capabilities that enable smooth transitioning of discrete animations and between the top layer.

developer.chrome.com

Create complex animation curves in CSS with the `linear()` easing function

Introducing linear(), an easing function in CSS that interpolates linearly between its points.

developer.chrome.com

WebGPU: the cross-platform graphics API of tomorrow

Learn how to build an app with WebGPU for the web and specific platforms.

developer.chrome.com

A case study on scroll-driven animations performance

The new API is much smoother than the classic way of implementing scroll-driven animations.

developer.chrome.com

Introducing the popover API

Learn how to build tooltips, menus, and more with the new popover API.

developer.chrome.com

What’s new in CSS and UI: I/O 2023 Edition

The top 20 CSS and UI features highlighted at Google I/O 2023 that you don’t want to miss.

developer.chrome.com

Chrome ships WebGPU

After years of development, the Chrome team ships WebGPU which allows high-performance 3D graphics and data-parallel computation on the web.

developer.chrome.com

Getting Started with Style Queries

Style queries allow developers to query a parent element’s style values using the @container rule.

developer.chrome.com

Improved Font Fallbacks

The new size-adjust and font metric overrides allow developers to create font fallbacks that closely match web fonts.

developer.chrome.com

More control over :nth-child() selections with the of S syntax

Pre-filter a set of child elements before applying An+B logic on it.