Accessing hardware devices on the web
Pick the appropriate API to communicate with a hardware device of your choice.
Blog
Our latest news, updates, and stories for developers
Requesting performance isolation with the Origin-Agent-Cluster header
A new HTTP response header to limit domain-wide scripting and request dedicated resources from the browser.
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly
The new CSS property that helps maintain spacing in responsive layouts.
WebRTC is now a W3C and IETF standard
A brief overview of the history, architecture, use cases, and future of WebRTC.
Best practices for carousels
Optimize carousels for performance and usability.
When to use HTTPS for local development
Using http://localhost for local development is fine most of the time, except in some special cases. This post explains when you need to run your local development site with HTTPS.
Introducing Open Web Docs
A collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia to support the creation and maintenance of strategic web platform documentation.
How to use HTTPS for local development
Sometimes, you need to run your local development site with HTTPS. Tools and tips to do this safely and quickly.
Feedback wanted: The road to a better layout shift metric for long-lived pages
Learn about our plans for improving the Cumulative Layout Shift metric and give us feedback.
Building a sidenav component
A foundational overview of how to build a responsive slide out sidenav
Deprecating Excalidraw Electron in favor of the web version
Learn why the Excalidraw project decided to deprecate their Electron wrapper in favor of the web version.
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.
Love your cache ❤️
Users loading your site a second time will use their HTTP cache, so make sure it works well.
Publish, ship, and install modern JavaScript for faster applications
Improve performance by turning on modern JavaScript dependencies and output.
Cross-browser paint worklets and Houdini.how
Supercharging your CSS with Houdini paint worklets is just a few clicks away.
Announcing Squoosh v2
New codecs support, updated design, and CLI support!
Payment and address form best practices
Maximize conversions by helping your users complete address and payment forms as quickly and easily as possible.
Automating audits with AutoWebPerf
A new modular tool that enables automatic gathering of performance data from multiple sources.
Workers overview
How web workers and service workers can improve the performance of your site, and when to use a web worker versus a service worker.
PWA users are 2.5x more likely to purchase Gravit Designer PRO
PWA users are also 24% more active than all other install types, become repeats users 31% more than all other platforms, and more.
Clipchamp's video editor PWA installs see a 97% monthly growth
How PWAs, WebAssembly, and ChromeOS are helping a web-based video editor deliver better performance and a more engaging experience to 12M users.
Disable mouse acceleration to provide a better FPS gaming experience
Web apps can now disable mouse acceleration when capturing pointer events.
Building a Stories component
A foundational overview of how to build an experience similar to Instagram Stories on the web.
JD.ID improves their mobile conversion rate by 53% with caching strategies, installation, and push notifications
How JD.ID increased its overall mobile conversion rate (mCVR) by 53%, mCVR for installed users by 200%, and daily active users by 26%.