Clik here to view.
Instant Loading Web Apps with An Application Shell Architecture
Contents What are Service Workers, Again? First Load and Loading Other Pages Service Worker Lifecycle Server Bits File Versioning Tooling An application shell is the minimal HTML, CSS, and JavaScript...
View ArticleClik here to view.
Chrome 47 WebRTC: media recording, secure origins & proxy handling
Chrome 47 includes several significant WebRTC enhancements and updates. Record video from your web apps The MediaStreamRecorder API has long been the top chromium.org request, with over 2500 stars....
View ArticleClik here to view.
DevTools Digest (CDS Edition): A glimpse into the future + RAIL Profiling
Learn how DevTools is going mobile first with a new, streamlined Device Mode that’s always on. Use the color buttons to quickly add colors to your selectors and find out what’s coming to DevTools...
View ArticleClik here to view.
Introducing Background Sync
Background sync is a new web API that lets you defer actions until the user has stable connectivity. This is useful for ensuring that whatever the user wants to send, is actually sent. The problem The...
View ArticleClik here to view.
Security Panel debuts in Chrome DevTools
The Chrome Security team has been hard at work (rewatch the video above for a great overview) to realize a future without HTTP, a future where you and your users can be reasonably sure that whatever...
View ArticleClik here to view.
Google Cast for Chrome on Android
img.screenshot { max-width: 360px; } @media screen and (max-width: 500px) { img.screenshot { max-width: 100%; } } Imagine being able to use a web app from your phone to present a slide deck to a...
View ArticleClik here to view.
Easy URL manipulation with URLSearchParams
The URLSearchParams API provides a consistent interface to the bits and pieces of the URL and allows trivial manipulation of the query string (that stuff after "?"). Traditionally, developers use...
View ArticleClik here to view.
High Resolution Timestamps for Events
The timeStamp property of the Event interface indicates the time at which a given event took place. In versions of Chrome prior to 49, this timeStamp value was represented as a DOMTimeStamp, which was...
View ArticleClik here to view.
Notification Actions in Chrome 48
@media screen and (max-width: 500px) { img.screenshot { max-width: 100%; } } Early in 2015 we introduced Push Messaging and Notification in to Chrome for Android and Desktop. It was a great step...
View ArticleClik here to view.
VP9 is now available in WebRTC
img { max-width: 100%; } Two years ago Chrome enabled support for the VP9 codec. From Chrome 48 on desktop and Android, VP9 will be an optional video codec for video calls using WebRTC. While VP9 uses...
View ArticleClik here to view.
Record audio and video with MediaRecorder
@media screen and (max-width: 500px) { img.screenshot { max-width: 100%; } } Break out the champagne and doughnuts! The most starred Chrome feature EVER has now been implemented. Imagine a ski-run...
View ArticleClik here to view.
CSS Variables: Why Should You Care?
CSS variables, more accurately known as CSS custom properties, are landing in Chrome 49. They can be useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching...
View ArticleClik here to view.
Controlling Font Performance with font-display
Deciding the behavior for a web font as it is loading can be an important performance tuning technique. The new font-display descriptor for `@font-face` lets developers decide how their web fonts will...
View ArticleClik here to view.
Smooth Scrolling in Chrome 49
If there’s one thing that people really want from scrolling, it’s for it to be smooth. Historically Chrome has had smooth scrolling in some places, like -- say -- when users scroll with their...
View ArticleClik here to view.
API Deprecations and Removals in Chrome 49
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 ArticleClik here to view.
Introducing ES2015 Proxies
ES2015 Proxies (in Chrome 49 and later) provide JavaScript with an intercession API, enabling us to trap or intercept all of the operations on a target object and modify how this target operates....
View ArticleClik here to view.
Web Audio Updates in Chrome 49
Chrome has been consistently and quietly improving its support for the Web Audio API. In Chrome 49 (Beta as of Feb 2016, and expect to be Stable in March 2016) we’ve updated several features to track...
View ArticleClik here to view.
DevTools go dark, @keyframe editing and smarter autocomplete
Learn how DevTools makes you type less with smarter Console autocomplete, how to edit @keyframe rules directly in the Styles pane, how to have fun with CSS Custom Variables and how to join the dark...
View ArticleClik here to view.
Delivering Fast and Light Applications with Save-Data
Hundreds of millions of users are relying on proxy browsers and various transcoding services to access the web on a daily basis. For some, these services are critical because they significantly lower...
View ArticleClik here to view.
Supercharged Remote Rebugging, Class Toggles and our own late night show?!
Learn all about the revamped “Inspect Devices” UI, toggle classes easily in the now-fixed style panel and watch the pilot of DevTools Tonight. Welcome back to the latest edition of the digest for all...
View Article