New In Chrome 54
New In Chrome 54 Note: I'm trying something new with the latest video release of New In Chrome, in addition to posting it on YouTube, I've posted a fully annoted version of the script. It includes all...
View Articleauxclick is Coming to Chrome 55
auxclick is Coming to Chrome 55 When is a click not a click? For a web developer working on a complex user interface, that's not an abstract philosophical question. If you're implementing custom mouse...
View ArticleAPI Deprecations and Removals in Chrome 55
API Deprecations and Removals in Chrome 55 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...
View ArticleCapture a MediaStream From a Canvas, Video or Audio Element
video { max-width: 100%; } Capture a MediaStream From a Canvas, Video or Audio Element The captureStream() method makes it possible to capture a MediaStream from a <canvas>, <audio> or...
View ArticleIntroducing the Web Share API
Introducing the Web Share API Good news, everybody! Matt Giuca on the Chrome team has been working on a simple API called Web Share that allows websites to invoke the native sharing capabilities of...
View ArticleOnce Upon an Event Listener
Once Upon an Event Listener Pop quiz: what's the purpose of the third parameter passed to addEventListener()? Don't be embarrassed if you thought that addEventListener() only took two parameters, or...
View ArticlePointing the Way Forward
Pointing the Way Forward Pointing at things on the web used to be simple. You had a mouse, you moved it around, sometimes you pushed buttons, and that was it. Everything that wasn’t a mouse was...
View ArticleTouch Action Options
Touch Action Options The touch-action CSS property allows a developer to restrict how a user can interact with an element which is especially helpful to prevent events being dispatched when it's not...
View ArticleDevTools Digest, October 2016
DevTools Digest, October 2016 Hey hey, Kayce here, back again for another digest to update you on what's new in DevTools since last month. New features in the Console In Chrome 56, which is currently...
View ArticleManage Hyphens with CSS
Manage Hyphens with CSS In many written languages, it's possible to break lines between syllables as well as between words. This is often done so that more characters may be placed on a line of text...
View ArticleAvoiding the Not Secure Warning in Chrome
Avoiding the Not Secure Warning in Chrome As announced in September, Chrome will soon mark non-secure pages containing password and credit card input fields as Not Secure in the URL bar. This document...
View ArticleGet Ready for the Chrome Dev Summit 2016
Get Ready for the Chrome Dev Summit 2016 Cross-posted from Google Developers Blog Chrome Dev Summit is almost here! We'll kick off live from San Francisco at the SFJAZZ Center, at 10:00 AM PT this...
View ArticleNew In Chrome 55
New In Chrome 55 Watch on YouTube async and await allows you to write promise-based code as if it were synchronous, but without blocking the main thread. Pointer events provide a unified way of...
View ArticlePerformant Parallaxing
Performant Parallaxing Love it or hate it, parallaxing is here to stay. When used judiciously it can add depth and subtlety to a web app. The problem, however, is that implementing parallaxing in a...
View ArticleTake Photos and Control Camera Settings
Take Photos and Control Camera Settings Image Capture is an API to capture still images and configure camera hardware settings. The API enables control over camera features such as zoom, focus mode,...
View Articleposition:sticky is back in Chrome
position:sticky is back in Chrome Four years ago Eric Bidelman created a rather awesome blog post about the fact that position: sticky landed in WebKit, which at the time was the engine that powered...
View ArticleAPI Deprecations and Removals in Chrome 56
API Deprecations and Removals in Chrome 56 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...
View ArticleChrome DevTools: JavaScript CPU Profiling in Chrome 57
.devtools-inline { max-height: 1em; vertical-align: middle; } Chrome DevTools: JavaScript CPU Profiling in Chrome 57 In Chrome 57, which is currently Canary, the Timeline panel has been renamed to the...
View ArticleBuilding a Better Web with Lighthouse
figure { text-align: center; } .lighthouse-logo { height: 150px; width: auto; } Building a Better Web with Lighthouse Lighthouse is an open-source, automated tool for improving the quality of your web...
View ArticleURL Bar Resizing
URL Bar Resizing The resizing behavior of the URL bar is changing in Chrome on Android starting in version 56. Here's what you should know: Lengths defined in viewport units (i.e. vh) will not resize...
View Article