How to define your install strategy
Best practices for combining different installation offerings to increase installation rates and avoid platform competition and cannibalization.
Designcember Calculator
A skeuomorphic attempt at recreating a solar calculator on the web that makes use of the ambient light sensor and the window controls overlay feature.
Web Developer Satisfaction
Web Developer Satisfaction is a Google project to gather information about the needs of web developers. The goal is a more reliable, predictable and interoperable web platform, enabling developers to invest in and trust it, and adopt and use new features to grow the platform and their business.
Device Orientation & Motion
Device motion and orientation events provide access to the built-in accelerometer, gyroscope, and compass in mobile devices.
Pixel-perfect rendering with devicePixelContentBox
Since Chrome 84, ResizeObserver supports a new box measurement called device-pixel-content-box, that measures the element's dimension in physical pixels. This is crucial for rendering pixel-perfect graphics, especially in the context of high-density screens.
Accessing hardware devices on the web
This article helps Web developers pick the right hardware API based on a given device.
Disable mouse acceleration to provide a better FPS gaming experience
Web apps can now disable mouse acceleration when capturing pointer events.
Jumping the hurdles with the Gamepad API
Drawing to canvas in Emscripten
Learn how to render 2D graphics to a canvas on the web from WebAssembly with Emscripten.
How Progressive Web Apps can drive business success
Build a solid business case for your PWA. Learn when you should invest, and how you can measure its success.
Easy high DPI images
Emscripten’s embind
Emscripten’s embind
Introduction to Encrypted Media Extensions
Empowering payment apps with Web Payments
Web Payments aims to provide frictionless payment experience on the web. Learn how it works, its benefits, and get ready to integrate your payment app with Web Payments.
Emscripten and npm
How do you integrate WebAssembly into this setup? In this article we are going to work this out with C/C++ and Emscripten as an example.
Emscripting a C library to Wasm
Emscripting a C library to Wasm
Enable HTTPS on your servers
Enabling HTTPS on your servers is critical to securing your webpages.
ES modules in service workers
Service workers can use static imports of ES modules to bring in extra code, as an alternative to importScripts().
Data-binding revolutions with Object.observe()
Stream updates with server-sent events
Excalidraw and Fugu: Improving Core User Journeys
A write-up of Thomas Steiner's Google I/O 2021 talk titled Excalidraw and Fugu: Improving Core User Journeys
FAQ for hacked sites
This page brings together answers to the questions about hacking we at Google hear most often.
Farewell to HTML5Rocks
So long HTML5Rocks, it's been nice knowing you.
First Contentful Paint (FCP)
This post introduces the First Contentful Paint (FCP) metric and explains how to measure it
Implement error handling when using the Fetch API
Catching errors when working with the Fetch API.
Protect your resources from web attacks with Fetch Metadata
Fetch Metadata is a new web platform feature designed to allow servers to protect themselves from cross-origin attacks.
First Input Delay (FID)
This post introduces the First Input Delay (FID) metric and explains how to measure it
Files and directories patterns
Find slow interactions in the field
Before you can reproduce slow interactions in the lab to optimize your website's Interaction to Next Paint, you'll need to lean on field data to find them. Learn how to do just that in this guide.
Fix the cloaked keywords and links hack
This guide is created specifically for a type of hack that adds keyword-heavy gibberish pages to your site.
Fix the gibberish hack
This guide is created specifically for a type of hack that adds keyword-heavy gibberish pages to your site.
Fix the Japanese keyword hack
This guide is for a type of hack that creates autogenerated Japanese text on your site.
Fixing layout instability
A walkthrough of using WebPageTest to identify and fix layout instability issues.
Fixing mixed content
Find out how to fix mixed content errors on your website, in order to protect users and ensure that all of your content loads.
Making Fullscreen Experiences
Going fullscreen.
Play the Chrome dino game with your gamepad
Learn to control web games with the Gamepad API.
Finding courage and inspiration in the developer community
Web Google Developers Experts on how mentoring programs empowered them to become leaders.
Capture audio and video in HTML5
Rendering HTML5 in older browsers with Google Chrome Frame
GOV.UK drops jQuery from their front end.
GOV.UK dropped their jQuery dependency from their front end. You'll never guess what happened. (Yes, you will.)
Help, I think I've been hacked
Learn how and why websites are hacked.
Hacked with malware
This guide explains how to deal with a site that has been hacked with malware.
Headings and landmarks
By using the correct elements for headings and landmarks, you can dramatically improve the navigation experience for users of assistive technology.
Hiding and updating content
Hiding content from assistive technology
High DPI images for variable pixel densities
Understand how to serve the best quality images as efficiently as possible.
How do I know if my site was hacked?
Steps to follow if you think that your site may be hacked.
How the payment ecosystem works
Learn more about who is involved in the Web Payments ecosystem, how they interact with each other, and how you can participate.
Payment Request API overview
Learn how the Payment Request API works at a high level.
How to choose your Baseline target
Learn what Baseline targets are, how to choose one, and how it can help your development experience.
Use HTTPS for local development
Building Designcember
A peek into the process and tools used to build the holiday-calendar-style experience of Designcember.
How browsers work
Identify the vulnerability
How to search for vulnerabilities on your site.
It's time to lazy-load offscreen iframes!
This post covers the loading attribute and how to use it to control the loading of iframes.
Feedback from the summer 2019 image optimization survey
Comments from survey respondents about various image optimization techniques.
Make your site picture perfect with images.tooling.report
Check out the state of image tooling.
Work with IndexedDB
A guide to the basics of IndexedDB.
Best Practices for Persisting Application State with IndexedDB
Learn best practices for syncing application state between IndexedDB and popular state management libraries.
Interaction to Next Paint (INP)
This post introduces the Interaction to Next Paint (INP) metric and explains how it works, how to measure it, and offers suggestions on how to improve it.
What does it take to be installable?
Progressive Web App installability criteria.