Bookmarks (22) clear filters

An Overview of Content Delivery Networks (CDNs) — Explains how to choose, configure, and optimize a CDN setup in order to improve site performance.

How to Use CSS Masking — CSS masking gives you the option of using an image as a mask layer. This means that use can use an image, SVG, or a gradient as a mask to create interesting effects in the browser without the need for an image editor.

Help Users Change Passwords Easily by Adding a 'Well-Known' URL for Changing Passwords — By redirecting requests to a well-known URL for password changes, you can let users update their passwords easier than before.

Sign-in Form Best Practices — Looks at how to use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use.

Use Advanced Typography with Local Fonts — A look at how the in-development Local Font Access API allows you to access a user’s locally installed fonts and obtain low-level details about them.

content-visibility: The New CSS Property That Boosts Your Rendering Performance — The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. Here’s how to leverage it for faster initial load times.

▶  Google's web.dev LIVE Event is On Now — It started yesterday but Google is running a three day (June 30-July 2) online event focused on the Web development community covering new tooling and techniques. If you want to watch the talks from yesterday, they’re all here.

Using the Chrome UX Report API — Learn how to use the recently released Chrome UX Report API to get easy, RESTful access to real-user experience data across millions of websites (and compare your Core Web Vitals measurements).

What's New in Lighthouse 6.0 — Lighthouse 6 (the automated website UX auditing tool) has just dropped. Some of the changes include new metrics, audits for unused JavaScript, changes to the Chrome extension, and lots more.

Detect Inactive Users with The Idle Detection API — Currently in development, this API can be used to find out when a user isn’t actively using their device.

How to Monitor Your Web Page's Total Memory Usage with performance.measureMemory() — Learn how to measure memory usage of your web page in production to detect regressions. (Chrome only, for now.)

Customize Media Notifications and Playback Controls with The Media Session API — A look at how to customize media notifications and respond to media related events, such as seeking or track changing with the Media Session API.

Scroll Snapping After Layout Changes — Starting in Chrome 81, scrollers remain snapped when the page layout changes, no longer requiring event listeners to force snapping, which fixes a shortcoming of this feature.

Shopping for Speed On eBay — This case study explains how eBay increased key metrics by optimizing the performance of their web/app experiences.

Verify Phone Numbers On The Web with The SMS Receiver API — It’s still early days for this API, but here’s an initial look at how the planned SMS Receiver API will work.

Efficiently Load Third-Party JavaScript — How to avoid the common pitfalls of using third-party scripts to improve load times and user experience.