Learn Privacy

Stuart has written this fantastic concise practical guide to privacy for developers and designers. A must-read! Use just the data you need Third parties Fingerprinting Encryption Best practices adactio.com/links/20039 | Continue reading


@web.dev | 1 year ago

Learn Images

Mat has written this free course for you all about images on the web. Covering image formats, responsive images, and workflows, this is one to keep on speed dial. adactio.com/links/19874 | Continue reading


@web.dev | 1 year ago

CSS Animated Grid Layouts

In CSS Grid, the grid-template-columns and grid-template-rows properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties allows grid layouts to smoothly transition between states, instead of sna … | Continue reading


@web.dev | 2 years ago

New Patterns for Apps

This blog post announces a new collection of patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns. | Continue reading


@web.dev | 2 years ago

Community Highlight: Melanie Sumner

One of a series of interviews with people from the web development community who are doing interesting things with CSS. This time I speak to accessibility expert, Melanie Sumner. | Continue reading


@web.dev | 2 years ago

Learn Accessibility

An evergreen accessibility course and reference to level up your web development. | Continue reading


@web.dev | 2 years ago

New to the Web Platform in September

Discover some of the interesting features that landed in stable and beta web browsers during September 2022. | Continue reading


@web.dev | 2 years ago

Learn HTML

This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML. | Continue reading


@web.dev | 2 years ago

Is It:Modal?

This handy CSS pseudo-selector gives you a way to select elements that are modal. | Continue reading


@web.dev | 2 years ago

Why is CrUX data different from my RUM data?

Learn about reasons why RUM data can show different Core Web Vitals numbers from CrUX. | Continue reading


@web.dev | 2 years ago

CSS Border Animations

Looking at several ways to animate a border in CSS | Continue reading


@web.dev | 2 years ago

New Patterns (Web.dev)

Animations, theming, components, and more layout patterns are live and ready to help kick start or inspire your UI and UX. | Continue reading


@web.dev | 2 years ago

Get started with GPU Compute on the web

This post explores the experimental WebGPU API through examples and helps you get started with performing data-parallel computations using the GPU. | Continue reading


@web.dev | 2 years ago

A Win-Win Situation

GDE Enrique Fernandez Guerra on open sourcing his NGO HelpDev. | Continue reading


@web.dev | 2 years ago

Luxury Retailer Farfetch Sees Higher Conversion Rates for Better Core Web Vitals

How luxury retailer Farfetch's investment in improving Core Web Vitals led to better business outcomes. | Continue reading


@web.dev | 2 years ago

TransformStream is now supported cross-browser

Continue reading


@web.dev | 2 years ago

A tale of two clocks – Scheduling Web Audio with precision

Continue reading


@web.dev | 2 years ago

Farewell to HTML5Rocks

So long HTML5Rocks, it's been nice knowing you. | Continue reading


@web.dev | 2 years ago

Learn Responsive Design

A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone. | Continue reading


@web.dev | 2 years ago

First-Party Cookie Recipes

Learn how to set first-party cookies to ensure security, cross-browser compatibility, and minimize chances of breakage once third-party cookies are phased out. | Continue reading


@web.dev | 2 years ago

WebTransport

WebTransport is an API offering low-latency, bidirectional, client-server messaging. Learn more about its use cases, and how to give feedback about the future of the implementation. | Continue reading


@web.dev | 2 years ago

Gov.uk drops jQuery from their front end

GOV.UK dropped their jQuery dependency from their front end. You'll never guess what happened. (Yes, you will.) | Continue reading


@web.dev | 2 years ago

Photoshop's Journey to the Web

Over the last three years, Chrome has been working to empower web applications that want to push the boundaries of what's possible in the browser. One such web application has been Photoshop. The idea of running software as complex as Photoshop directly in the browser would have … | Continue reading


@web.dev | 2 years ago

Yahoo Japan's password-free authentication reduced inquiries by 25%, sped up

Yahoo! JAPAN achieved a passwordless identity system. Learn their approach and the consequences of the effort. | Continue reading


@web.dev | 2 years ago

Quickly create nice CSS gradients with the CSS Gradient Creator

This tool by Josh W Comeau makes it super simple to create nice looking gradients. | Continue reading


@web.dev | 2 years ago

When to use HTTPS for local development

Continue reading


@web.dev | 2 years ago

Building a Dialog Component

A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the

element. | Continue reading


@web.dev | 2 years ago

A modern web experience on Adobe Experience Manager with WorkBox

Progressive Web Apps leverage what the modern web can do. Adobe used Workbox to bring those capabilities to Adobe Experience Manager. | Continue reading


@web.dev | 2 years ago

New to the Web Platform in March

Discover some of the interesting features that landed in stable and beta web browsers during March 2022. | Continue reading


@web.dev | 2 years ago

SVGcode: A PWA to convert raster images to SVG vector graphics using WebAssembly

Convert color or monochrome bitmap images (PNG, JPG, JPEG, WEBP, AVIF, GIF,…) to color or monochrome vector images (SVG). | Continue reading


@web.dev | 2 years ago

Apple, Google, Microsoft and Mozilla to solve compatibility issues

Learn more about how all browser vendors, and other stakeholders, have come together to solve the top browsers compatibility issues identified by web developers. Interop 2022 will improve the experience of developing for the web in 15 key areas. | Continue reading


@web.dev | 2 years ago

New to the Web Platform in February

Discover some of the interesting features that landed in stable and beta web browsers during February 2022. | Continue reading


@web.dev | 2 years ago

Optimizing third-party script loading in Next.js

This article discusses the Next.js Script component and demonstrates how it can be used for better sequencing of third-party scripts. | Continue reading


@web.dev | 2 years ago

Chrome and Firefox soon to reach major version 100

User-Agent string changes, the strategies that Chrome and Firefox are taking to mitigate the impact, and how you can help. | Continue reading


@web.dev | 2 years ago

Porting USB applications to the web. Part 2: gPhoto2

Learn how gPhoto2 was ported to WebAssembly to control external cameras over USB from a web app. | Continue reading


@web.dev | 2 years ago

WebAssembly Feature Detection

Learn how to use the newest WebAssembly features while supporting users across all browsers. | Continue reading


@web.dev | 2 years ago

PWAs on Oculus Quest 2

The Oculus Quest 2 is a virtual reality (VR) headset created by Oculus, a division of Meta. Developers can now build and distribute 2D Progressive Web Apps that take advantage of Oculus Quest 2's multitasking feature. This article describes the experience and how to build, sidelo … | Continue reading


@web.dev | 2 years ago

How The Economic Times passed Core Web Vitals thresholds and achieved an overall

Optimizing Core Web Vitals on The Economic Times website significantly improved the user experience and substantially reduced bounce rate across the entire website. | Continue reading


@web.dev | 2 years ago

Terra improved user engagement thanks to Dark Mode

In this article, we'll analyze Terra's journey from identifying the size of the "dark mode" cohort, to applying a custom dark theme, and finally measuring the impact of this implementation on their main KPIs. | Continue reading


@web.dev | 2 years ago

State of CSS 2021

Continue reading


@web.dev | 2 years ago

QuintoAndar increased conversion rates and pages per session by improving

A project focused on optimizing Core Web Vitals and migrating to Next.js resulted in a 5% increase in conversion rates and a 87% increase in pages per session. | Continue reading


@web.dev | 2 years ago

The UI Fund

Announcing the UI fund from Chrome, designed to provide grants for people who work on design tools, CSS, and HTML. | Continue reading


@web.dev | 2 years ago

Community Highlight: Bramus Van Damme

One of a series of interviews with people from the web development community who are doing interesting things with CSS. This time I speak to prolific writer Bramus Van Damme. | Continue reading


@web.dev | 2 years ago

Layout patterns – Collection of layout patterns built using CSS

A collection of layout patterns built using modern CSS APIs that will help you build common interfaces such as cards, dynamic grid areas, and full-page layouts. | Continue reading


@web.dev | 2 years ago

Improving Core Web Vitals on the Mail.ru home page resulted in an average 10%

Several months of work to improve Core Web Vitals on the home page of Mail.ru resulted in a 60% increase in the 75th percentile in Cumulative Layout Shift (CLS), boosting average session time by 2.7% and conversion rates of core sections by more than 10%. | Continue reading


@web.dev | 2 years ago

Building a 3D game menu component

A foundational overview of how to build a responsive, adaptive, and accessible 3D game menu. | Continue reading


@web.dev | 2 years ago

Measure User Flows with Lighthouse

Try out a new Lighthouse API to measure performance and best practices throughout a user flow. | Continue reading


@web.dev | 3 years ago

Towards an Animation Smoothness Metric

Learn about measuring animations, how to think about animation frames, and overall page smoothness. | Continue reading


@web.dev | 3 years ago