Sometimes it is handy to send some data from a web page to a web server without the need to wait for a reply. For example, we might want to submit analytics or diagnostic data before the user exits a page. Typically, sending data before the exit involved listening to the unload event, because sending the request anytime earlier would result in incomplete data - e.g. we might have missed a click th

Animation on the web was once the province of JavaScript, but as the world moved to mobile, animations moved to CSS for the declarative syntax and the optimizations browsers were able to make with it. With 60fps on mobile always your goal, it makes sense to never step outside of what browsers know how to efficiently display. More tools are appearing to make JavaScript-driven animations more effici

Chrome Canary has landed support for the dialog element behind a flag. The dialog element can be used for popups in a web page. show(): Open dialog. close(): Close dialog. Takes an optional argument which if present dialog.returnValue is set to. showModal(): Open modal dialog. ::backdrop: Pseudo-element to style background behind a modal dialog. close event: Fired when a dialog is closed. Update o

Custom Filters, or CSS Shaders as they used to be called, allow you to use the power of WebGL's shaders with your DOM content. Since in the current implementation the shaders used are virtually the same as those in WebGL, you need to take a step back and understand some 3D terminology and a little bit of the graphics pipeline. I've included a recorded version of a presentation I recently delivered

It's official! The W3C has advanced the Content Security Policy 1.0 specification from Working Draft to Candidate Recommendation, and issued a call for implementations. Cross-site scripting attacks are one step closer to being (mostly) a thing of the past. Chrome Canary and WebKit nightlies now support the unprefixed Content-Security-Policy header, and will be using the prefixed X-WebKit-CSP heade

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

This tutorial demonstrates how to track the usage of your extension using Google Analytics. You can find a working Google Analytics 4 sample on Github, where google-analytics.js includes all the Google Analytics related code. Requirements This tutorial assumes you are familiar with writing Chrome extensions. If you need information on how to write an extension, please read the Getting Started tuto

position: sticky is a new way to position elements and is conceptually similar to position: fixed. The difference is that an element with position: sticky behaves like position: relative within its parent, until a given offset threshold is met in the viewport. Use cases Paraphrasing from Edward O’Connor's original proposal of this feature: Introducing sticky positioning LAUNCH DEMO By simply addin

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

One to four dot-separated integers identifying the version of this extension. A couple of rules apply to the integers: The integers must be between 0 and 65535, inclusive. Non-zero integers can't start with 0. For example, 032 is invalid because it begins with a zero. They must not be all zero. For example, 0 and 0.0.0.0 are invalid while 0.1.0.0 is valid. Here are some examples of valid versions:

Browsers have been able to deal with files and directories for a long time. The File API provides features for representing file objects in web applications, as well as programmatically selecting them and accessing their data. The moment you look closer, though, all that glitters is not gold. The traditional way of dealing with files Opening files As a developer, you can open and read files via th

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

The "content_scripts" key specifies a statically loaded JavaScript or CSS file to be used every time a page is opened that matches a certain URL pattern. Extensions can also inject content scripts programmatically, see Injecting Scripts for details. Manifest These are the supported keys for "content_scripts". Only the "matches" key and either "js" or "css" are required. manifest.json { "name": "My