Improving HTML5 Canvas performance
Typographic effects in canvas
Best practices for carousels
Learn how to optimize carousels for performance and usability.
Everything announced at Chrome Dev Summit 2021
A roundup of all the key announcements from the 2021 Chrome Dev Summit, with the links you need to find out more.
Centering in CSS
Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change.
Help users change passwords easily by adding a well-known URL for changing passwords
By redirecting requests to /.well-known/change-password to the change password URL, you can let users update their passwords easier than before.
Choose a JavaScript library or framework
Understand the decisions around using a JavaScript library or framework.
Choose the right image format
Selecting the right image format is the first step in delivering optimized images on your website. This post helps you to make the right choice.
Choosing the right easing
Choose the appropriate easing for your project, whether that's easing in, out, or both. Maybe even use bounces for extra fun!
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.
Clean and maintain your site
This post explains how to clean up your site after it has been hacked.
Click to Call
On devices with phone capabilities, make it easy for users to directly connect with you by simply tapping a phone number, more commonly known as click to call.
Improve performance and UX for client-side AI
Discover the benefits of client-side AI, including low latency, reduced server-side costs, no API key requirements, increased user privacy, and offline access.
Client-side rendering of HTML and interactivity
Rendering HTML with JavaScript is different than rendering HTML that's sent by the server—and that can affect performance. Learn the difference in this guide, and what you can do to preserve your website's rendering performance—especially where interactions are concerned.
Clipboard patterns
A collection of common patterns for dealing with the clipboard.
Cumulative Layout Shift (CLS)
This post introduces the Cumulative Layout Shift (CLS) metric and explains how to measure it.
Code splitting with React.lazy and Suspense
The React.lazy method makes it easy to code-split a React application on a component level using dynamic imports. Use it along with Suspense to show appropriate loading states to your users.
Code splitting with dynamic imports in Next.js
Adapt video to image serving based on network quality
Learn how to use the Network Information API to adapt your content based on the network quality.
Address form best practices codelab
Learn best practices for address forms.
Art direction
In this codelab, learn how to load completely different images based on device display size.
Codelab: Building a Sidenav component
Learn how to build a responsive slide out side navigation layout component.
Codelab: Building a Stories component
Learn how to build an experience similar to Instagram Stories on the web.