Designcember Calculator
A skeuomorphic attempt at recreating a solar calculator on the web with the Window Controls Overlay API and the Ambient Light Sensor API.
Blog
Our latest news, updates, and stories for developers
Community highlight: Miriam Suzanne
Miriam Suzanne is an author, artist, and web developer in Denver, Colorado, and is currently working on exciting CSS specs like Container Queries and Cascade Layers.
How The Economic Times passed Core Web Vitals thresholds and achieved an overall 43% better bounce rate
Optimizing Core Web Vitals on The Economic Times website significantly improved the user experience and substantially reduced bounce rate across the entire website.
How Terra improved user engagement thanks to Dark Mode
By displaying a dark theme to users that prefer dark mode on their devices, Terra reduced the bounce rate by 60% and increased the pages read per session by 170%.
State of CSS 2021
A look at some of the results from the State of CSS survey.
Deep-copying in JavaScript using structuredClone
The Platform now ships with structuredClone(), a built-in function for deep-copying.
Control how your app is launched
Launch handler lets you control how your app is launched, for example, whether it uses an existing or a new window and whether the chosen window is navigated to the launch URL. This also enqueues a `LaunchParams` object in the launched page's `window.launchQueue`, similar to the File Handling API.
Compat 2021 Holiday Update: presents for developers before the end of the year
End of the year update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
How QuintoAndar increased conversion rates and pages per session by improving page performance
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.
Community highlight: Chen Hui Jing
Chen Hui Jing is a self-taught designer and developer living in Singapore, I talked to her about CSS, and in particular non-English writing systems.
Building a toast component
A foundational overview of how to build an adaptive and accessible toast component.
The UI fund
Announcing the UI fund from Chrome, designed to provide grants for people who work on design tools, CSS, and HTML.
Kapwing: Powerful video editing for the web
Creators can now edit high-quality video content on the web with Kapwing, thanks to powerful APIs (like IndexedDB and WebCodecs) and performance tools.
Community highlight: Bramus Van Damme
Bramus Van Damme is a web developer from Belgium. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since. I caught up with him to learn about his journey in web development, and to find out what he thinks is exciting in CSS today.
SVGcode: a PWA to convert raster images to SVG vector graphics
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format. It uses the File System Access API, the Async Clipboard API, the File Handling API, and Window Controls Overlay customization.
Improving Core Web Vitals on the Mail.ru home page resulted in an average 10% increase in conversion rates
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%.
Building a 3D game menu component
A foundational overview of how to build a responsive, adaptive, and accessible 3D game menu.
What's new in PageSpeed Insights
Learn about the latest in PageSpeed Insights to help you better measure and optimize your page and site quality.
Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.
Feedback wanted: An experimental responsiveness metric
An update on our plans for measuring responsiveness on the web.
Lighthouse user flows
Try out a new Lighthouse API to measure performance and best practices throughout a user flow.
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.
Picking colors of any pixel on the screen with the EyeDropper API
The EyeDropper API enables authors to use a browser-supplied eyedropper in the construction of custom color pickers.
