Clik here to view.
Increasing engagement with Web App install banners
We recently enhanced the Add to Homescreen function in Chrome which allows users to add your Web App to their home screen with the addition of the standards-based “web app manifest”. The manifest gives...
View ArticleIntroduction to fetch()
So long XMLHttpRequest fetch() allows you to make network requests similar to XMLHttpRequest (XHR). The main difference is that the Fetch API uses Promises, which enables a simpler and cleaner API,...
View ArticleClik here to view.
Push Notifications on the Open Web
If you ask a room of developers what mobile device features are missing from the web, push notifications are always high on the list. Push notifications allow your users to opt-in to timely updates...
View ArticleSimplified Concepts in Web Animations Naming
Native support for Web Animations first shipped in Chrome 36, and was updated with playback control in Chrome 39. The Element.animate() method can be used to trigger imperative animations directly from...
View ArticleDOM Attributes now on the prototype chain
The Chrome team recently announced that we are moving DOM properties to the prototype chain. This change, implemented in Chrome 43 - (Beta as of mid April 2015) - brings Chrome more in line with the...
View ArticleCut and Copy Commands
IE10 and above added support for the ‘cut’ and ‘copy’ commands through the Document.execCommand() method. As of Chrome version 43, these commands are also supported in Chrome. Any text selected in the...
View ArticlePermissions API for the Web
If you’ve worked with the Geolocation API before, chances are you’ve wanted to check if you had permission to use Geolocation without causing a prompt. This simply wasn’t possible. You had to request...
View ArticleClik here to view.
DevTools Timeline: Now Providing the Full Story
The DevTools Timeline panel has always been the best first stop on the path to performance optimization. This centralized overview of your app’s activity helps you analyze where time is spent on...
View ArticleHigh performance video with hardware decoding
With the Chromium 42 release, H.264 hardware video decoding support has been expanded to OS X. Now Chromium on Macs, Windows 7+ and essentially all Chromebooks support power efficient decoding of video...
View ArticleClik here to view.
Notifying you of Changes to Notifications
Firstly, I apologise for that awful title, but I couldn’t not. In Chrome 44 Notfication.data and ServiceWorkerRegistration.getNotifications() are added and open up / simplify some common use cases when...
View ArticleClik here to view.
Help users checkout faster with Autofill
td { padding-left: 0.7em; padding-right: 0.7em; background: rgba(162, 186, 194, 0.58); } .highlight .err { color: #E28964; background-color: #333333; } People hate filling out web forms, especially on...
View ArticleClik here to view.
Help users checkout faster with Autofill
td { padding-left: 0.7em; padding-right: 0.7em; background: rgba(162, 186, 194, 0.58); } .highlight .err { color: #E28964; background-color: #333333; } People hate filling out web forms, especially on...
View ArticleClik here to view.
Media Source Extensions for Audio
a.button--primary { color: white !important; } img, video { max-width: 100%; } Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 <audio> and...
View ArticleClik here to view.
Notifying you of Changes to Notifications
Firstly, I apologise for that awful title, but I couldn’t not. In Chrome 44 Notfication.data and ServiceWorkerRegistration.getNotifications() are added and open up / simplify some common use cases...
View ArticleClik here to view.
Increasing engagement with Web App install banners
We recently enhanced the Add to Home Screen function in Chrome which allows users to add your Web App to their home screen with the addition of the standards-based “web app manifest”. The manifest...
View ArticleClik here to view.
Using rotationAngle and touchRadius
A relatively small change to the Touch API in Chrome landed in Chrome 39, which introduced a working version of the webkitRotationAngle attribute on the TouchEvent object. Now in Chrome 45 (Beta in...
View ArticleClik here to view.
Media playback notifications for Chrome on Android
img, video { max-width: 100%; } Chrome 45 Beta introduces a handy new feature for controlling audio and video playback. When an audio or video element is playing on a web page, a notification showing...
View ArticleClik here to view.
Measuring Performance in a Service Worker
Other than Jake Archibald worrying about his Developer skills rotting and falling off, he made a strong case that by intelligently using service worker you can drastically improve the performance of...
View ArticleClik here to view.
Interact with BLE devices on the Web
What if I told you websites could communicate with nearby Bluetooth devices in a secure and privacy-preserving way? This way, heart rate monitors, singing lightbulbs and turtles could interact...
View ArticleClik here to view.
MediaStream Deprecations
img, video { max-width: 100%; } If you work with getUserMedia() or WebRTC, you may need to adjust your code for Chrome 45 and later. The MediaStream API represents synchronized streams of media. For...
View Article