Bookmarks (34) clear filters

Learn how to attribute your Web Vitals data with debug information to help you identify and fix real-user issues with analyticsApr 1, 2021 • Updated Apr 1, 2021Google currently provides two categories of tools to measure and debug Web Vitals:Lab tools: Tools such as Lighthouse, where your page is loaded in a simulat...

Google is partnering with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.Mar 22, 2021 • Updated Mar 22, 2021Google is partnering with other browser vendors and industry par...

Preparing for The Display Modes of Tomorrow — Did you know that the display_override property can be used to define a customized fallback chain of display modes. Note: It’s only got limited browser support, and in almost all circumstances the regular display property is what developers should really be reaching for.

Accessing Hardware Devices on the Web: A Roundup of APIs — Chrome tends to have more unique APIs for hardware access so take care if cross browser compatibility is necessary, but there are a lot of options nonetheless from the Gamepad API or getUserMedia to the Generic Sensor API or Web NFC.

New aspect-ratio CSS Property Supported in Chromium, Safari Technology Preview, and Firefox Nightly — Maintaining aspect ratio within images and elements in responsive layouts is now easier to achieve thanks to the aspect-ratio property.

WebRTC Is Now a W3C and IETF Standard — The W3C and IETF announced last week that the Web Real-Time Communications family of technologies (as commonly used by many live streaming or Web-based telephony services) is now finally a formal standard. Here’s a solid overview of its history, architecture, use cases, and future.

Back/Forward Cache — How to optimize your pages for instant loads when using the browser’s back and forward buttons. There's so much depth in here you're bound to learn something.

Getting Started with Chrome's Origin Trials — Origin trials give you access to a new or experimental features before they are made available to everyone. Here’s how to register for them.

Video Processing with WebCodecs — WebCodecs is an API that provides low-level access to media encoding and decoding, so you can work with components of a video stream or unmuxed chunks of encoded video or audio, say. Currently it’s in Chrome 86 only but a Mozilla developer is co-editor of the spec.

min(), max(), and clamp(): Three Logical CSS Functions to Use Today — If you’re looking for something reasonably simple but powerful to add to your arsenal of CSS knowledge, start here. min, max, and clamp provide some powerful capabilities that enable more responsive styling with fewer lines of code.

Logical Layout Enhancements with flow-relative Shorthands — A look at new logical property shorthands and new inset properties for Chromium (Available as of Chromium 87). Lots of good example code here.

Handling Range Requests in a Service Worker — Make sure your service worker knows what to do when a partial response is requested.

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.