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.
Trust is good, observation is best: Intersection Observer v2
Intersection Observer v2 can detect if an element was visible at the time of intersection.
Introduction to fetch()
The `fetch()` API is landing in the window object and can replace XHRs.
Lazy loading video
This post explains lazy loading and the options available to you to lazy loading video.
web.dev LIVE wrap-up
A summary of the major news and updates that were announced during our 3-day online community event, and a reminder about upcoming regional events.
Logical layout enhancements with flow-relative shorthands
New logical property shorthands and new inset properties for Chromium.
How Chrome handles updates to the web app manifest
What it takes to change icons, shortcuts, colors, and other metadata in your web app manifest for your PWA.
Real-Time Effects For Images and Video
Many of today's most popular apps let you apply filters and effects to images or video. This article shows how to implement these features on the open web.
Manually diagnose slow interactions in the lab
You've looked through your field data, and it turns out that you have some slow interactions. The next step is to learn more about how to manually test those interactions, and identify the causes behind them.
Adaptive icon support in PWAs with maskable icons
Maskable icons are a format that give you more control and let your Progressive Web App use adaptive icons. A maskable icon can look great on all Android devices.
Measure offline usage
How to track offline usage of your site so that you can make a case as to why your site needs a better offline experience.
Media application basics
Working with media often requires changing the characteristics of media files. On this page, you'll learn about the tools used and how to install them quickly.
Capturing an image from the user
Most browsers can get access to the user's camera.
Media conversion
Commands needed to convert a raw mov file to media assets packaged for DASH or HLS.
What is EME?
Enabling HTTPS on your servers is critical to securing your webpages.
Media file basics
You might think that you can take a video from a camera and upload it to the web as is. Preparing a video for serving from your own site is a bit more complicated.
Mobile Web Video Playback
Create the best mobile media experience on the Web by following these best practises.
New syntax for range media queries
Find out how this new syntax can streamline media queries.
Recording Audio from the User
Most browsers can get access to the user's microphone.
Recording Video from the User
Most browsers can get access to the user's camera.
Customize media notifications and playback controls with the Media Session API
Web developers can customize media notifications and respond to media related events such as seeking or track changing with the Media Session API.
Media streaming basics
Media streaming is the method for continuously delivering multimedia content from a server where the content has been split into individual chunks of data that can be joined back together during playback in a specific order through a range request using protocols such as DASH and HLS.
Migrate to User-Agent Client Hints
Strategies to migrate your site from relying on the user-agent string to User-Agent Client Hints.
Mobifying your HTML5 site
A non-responsive approach to building cross-device webapps
Multi-touch web development
Touch and mouse
More capable form controls
Build custom elements that work like built-in form controls.
Multiplayer audio fun
A demo using the Web Audio API.
HTML5 vs Native
Semantics and navigating content
The role of semantics in page navigation
New patterns for media apps
This blog post announces a new collection of patterns for media apps.
New Progressive Web App training now available
A new, six part Progressive Web App training is now available, complete with a new series of codelabs to teach you how to build reliable, installable, and capable PWAs.
Using the Notifications API
Common techniques to build offline applications
Some common recipes to make your app work offline.
Create an offline fallback page
Learn how to create a simple offline experience for your app.
Optimize Cumulative Layout Shift
Cumulative Layout Shift (CLS) is a metric that quantifies how often users experience sudden shifts in page content. In this guide, we'll cover optimizing common causes of CLS such as images and iframes without dimensions or dynamic content.
Optimize Interaction to Next Paint
Learn how to optimize your website's Interaction to Next Paint.