HTMLMediaElement.play() Returns a Promise
Automatically playing audio and video on the web is a powerful capability, and one that’s subject to different restrictions on different platforms. Today, most desktop browsers will always allow web...
View ArticleWeb Notification Improvements in Chrome 50: Icons, Close Events, Renotify...
Push notifications allow you to provide a great app-like experience for your users, alerting them of important and timely updates like incoming chat messages. The notification platform is relatively...
View ArticleDevice Orientation Changes Are Coming to Chrome 50
Developers working on virtual or augmented reality web apps are undoubtedly familiar with the DeviceOrientationEvent. For the uninitiated, “This End Up: Using Device Orientation” provides a great...
View ArticleWeb Push Payload Encryption
Prior to Chrome 50, push messages could not contain any payload data. When the ‘push’ event fired in your service worker, all you knew was the the server was trying to tell you something, but not what...
View ArticlePrioritizing Your Resources with <link rel='preload'>
Have you ever wanted to let the browser know about an important font, script, or other resource that will be needed by the page, without delaying the page’s onload event? <link rel="preload">...
View ArticleWeb Animations Improvements in Chrome 50
The Web Animations API, which first shipped in Chrome 36, provides convenient Javascript control of animations in the browser, and is also being implemented in Gecko and WebKit. Chrome 50 introduces...
View ArticleMedia Source API: Automatically Ensure Seamless Playback of Media Segments in...
@media screen and (max-width: 500px) { img.screenshot { max-width: 100%; } } The HTML audio and video elements enable you to load, decode and play media, simply by providing a src URL: <video...
View ArticleRemoving Headaches from Focus Management
The 'sequential focus navigation starting point' feature defines where we start to search for focusable elements for sequential focus navigation ([Tab] or [Shift-Tab]) when there is no focused area....
View ArticleChrome Supports createImageBitmap() in Chrome 50
Decoding images for use with a canvas is pretty common, whether it’s to allow users to customize an avatar, crop an image, or just zoom in on a picture. The problem with decoding images is that it can...
View ArticleFormData methods for inspection and modification
FormData is the XHR user’s best friend, and it’s getting an upgrade in Chrome 50. We’re adding methods allowing you to inspect your FormData objects or modify them after-the-fact. You can now use...
View ArticleDOMTokenList Validation Added in Chrome 50
In Chrome 50, you’ll be able to check the support of options for some HTML attributes that are backed by DOMTokenList instances in JavaScript. Right now, these places are: iframe sandbox options link...
View ArticleCanvas toBlob() support added in Chrome 50
The canvas element is getting an upgrade as of Chrome 50: it now supports the toBlob() method! This is great news for anyone generating images on the client side, who wants to – say – upload them to...
View ArticleAPI Deprecations and Removals in Chrome 50
In nearly every version of Chrome we see a significant number of updates and improvements to the product, its performance, and also capabilities of the web platform. Contents Deprecation policy Remove...
View ArticleCreating a Web-enabled IoT device with Intel® Edison
The Internet of Things is on everyone's lips these days, and it makes tinkerers and programmers like me very excited. Nothing is cooler than bringing your own inventions to life and being able to talk...
View ArticleA new Device Mode for a mobile-first generation
A new Device Mode for a mobile-first generation We introduced Device Mode, a way to emulate devices and work with responsive designs, a bit more than a year ago. Now it’s time for its first major...
View ArticleExperiment Time: Scroll Anchoring
Have you ever visited a web page, started reading some of the content and then the page sort of pops due to ad’s or images loading, making you lose your place on the page? Well it might be worth...
View ArticleWhat’s New with KeyboardEvents? Keys and Codes!
The past few versions of Chrome have seen two additions to KeyboardEvents, which are used as a parameter passed to keydown, keypress, and keyup event listeners. Both the code attribute (added in...
View ArticleStreamlining the Sign-in Flow Using Credential Management API
To provide a sophisticated user experience, it’s important to help users authenticate themselves to your website. Authenticated users can interact with each other using a dedicated profile, sync data...
View ArticleAPI Deprecations and Removals in Chrome 51
In nearly every version of Chrome we see a significant number of updates and improvements to the product, its performance, and also capabilities of the web platform. Deprecation policy To keep the...
View ArticleIntersectionObserver’s Coming into View
Let’s say you want to track when an element in your DOM enters the visible viewport. You might want to do this so you can lazy-load images just in time or because you need to know if the user is...
View Article