lit-html and LitElement are two new libraries for building fast, interoperable components. lit-html provides lightning-fast templating. LitElement is a lightweight base class for building Web Components with lit-html templates.
A recap of our Web Audio autoplay policy changes which are rolling out soon in Chrome.
Control Picture-in-Picture for video elements on your website.
A round up of the audio/video updates in Chrome 70: AV1 decoder, cross-codec and cross-bytestream buffering and playback, Opus in MP4 with MSE, and protected content playback allowed by default on Android.
Chrome 66 allows web pages to use a secondary attached display through the Presentation API and to control its contents through the Presentation Receiver API.
Yesterday, the Coalition for Better Ads announced the "Better Ads Experience Program." This Program provides guidelines for companies on how they can use the Better Ads Standards to help improve users' experience with ads on the web.
Learn about what is changing in the WebVR API
Let's discuss a Web API that would allow websites to create a floating video window over the desktop
Background video track optimizations and automatic video fullscreen when device is rotated are here!
Media controls customization, Autoplay for Progressive Web Apps added to the home screen, pause the autoplaying of muted video when invisible, and color-gamut media query are there!
Finally! We can customize web media notifications (title, artist, album name, artwork) and respond to media related events such as seeking or track changing with the new Media Session API.
Chrome Dev Summit 2016 is coming Thursday, Nov 10th and 11th. This year's summit will focus on key themes that matter to you: Progressive, to build high quality web apps; Performance, to increase user engagement; and What's Next, a look at how the Chrome team is thinking about the future of the web. Learn how you can tune in and see what's going on!
Internet of Things is really on everyone's lips these days, but what if you could create an IoT device which you accessed from your web browser? In this article we look at how you can do exactly that using Physical Web, Web Bluetooth as well as Node.js, running on an Intel® Edison Arduino breakout board.
The MediaRecorder API enables you to record audio and video from a web app. It's available now in Firefox and in Chrome for Android and desktop.
From Chrome 48 on desktop and Android, VP9 will be an optional video codec for video calls using WebRTC.
Chrome on Android now allows mobile sites to present to Google Cast devices using the Presentation API and the Cast Web SDK.
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
Understanding when and how Touch to Search is triggered
A simpler method to rationalize your mouse and touch logic for when there is no PointerEvents
The MediaDevices interface gives access to input and output devices available to the browser including cameras, microphones and speakers.
EME Logger is a Chrome extension that logs Encrypted Media Extensions (EME) events and calls to the DevTools console.
Chrome 46 brought new methods to caches, as does Chrome 47, and probably 48. It never stops.
An update to the History API to prevent unsightly scroll jumping.
Image optimization is hard and automation is the key to success.
Reducing Chrome's memory footprint is one of the team's top priorities this year.
Chrome 46 ships with a feature called HPKP reporting, which can help you roll out a stricter form of SSL for your site.
Set a theme-color in the manifest and have it available to all pages on your site when launched from the home screen.
requestIdleCallback is new performance API for scheduling work when the browser is idle.
There is a new release of Material Design Lite, bringing a host of bug fixes and improvements to the build process.
Chrome can now add custom poster images to object elements to improve perceived loading performance of plugins such as Flash.
The MediaStream API represents synchronized streams of audio or video. MediaStream.ended, MediaStream.label and MediaStream.stop() are being deprecated. Use MediaStream.active, MediaStreamTrack.label and MediaStreamTrack.stop() instead.
If you can't measure the performance of your requests in a service worker, how can you say it improves performance? Now you can answer that question with recent changes in Chrome.
A small set of changes have landed in Chrome 45 that will make it easier for developers to build better touch based apps
When audio or video is playing on a web page, a notification showing the page title and a play/pause button is displayed in the notification tray and on the lock screen. The notification can be used to pause/resume play or return to the page playing the media.
Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 audio and video elements. While originally developed to facilitate Dynamic Adaptive Streaming over HTTP (DASH) based video players, MSE can be used for audio; specifically for gapless playback.
Help users checkout faster with Autofill. We’ve found that by correctly using autocomplete attributes on your forms, users complete them up to 30% faster!
2 new API's have been added in Chrome 44 which makes using Notifications with push easier to work with and customize.
Hardware video support brings efficient decoding to plugins as well as HTML5 video. Flash users should switch from the old style Video to the StageVideo object.
Another text entry frustration for users is being removed.
The support for cut and copy commands allows you to programmatically cut and copy selected text to the users clipboard
Chrome is becoming in line with the spec. Check your sites if you are assuming the WebKit logic for attribute propagation
The Permissions API gives you a central place to check the permission status of an API.
In response to developer feedback, some upcoming features of Web Animations are being renamed.
We've moved into a shiny new home at developer.google.com/web have great new tutorials and tips for you.
Push Messaging and Notifications are Landing in Chrome 42.
The fetch() API is landing in the window object and is looking to replace XHRs
Add schema.org markup to your components and make them search engine friendly.
Add service worker-powered offline capabilities to your site with the sw-precache module.
Template String literals with embedded expressions. We've been waiting for this for ages. Literally
Building apps, the Polymer way.
The virtual viewport separates layout and viewing of the viewport.
Pixelation of the nation. Now in Chrome 41
The state of the Polymer Union.
The story of building the Chrome Dev Summit site.
Learn about Web Animation Playback
A quick look at some of the efforts the Chrome team are doing to helps developers get started with Web Development and iterate on their sites.
A brand new API is in the works to help measure frames per second in the wild, but it needs your feedback.
Use theme-color to set the toolbar color in Chrome for Android.
An exploration of ES6 Generators.
Chrome 39 implements the Beacon API, which allows to send small async HTTP requests during the page unload events.
TouchEvents have changed in Chrome to return float values, instead of integers, to account for varying screen densities. This leads to more detailed feedback during slow gestures.
Maps, Sets, and for...of iteration are ES6 features that can change the way you work with collections of data.
Description of Web Audio standards cleanup work in Chrome 36
Chrome Beta has landed its native support for <dialog> element
Long awaited feature for Chrome, Blob support on IndexedDB landed in Chrome Dev.
Use PSI to get web performance metrics into your build process.
Web Animations define a model for supporting animation and synchronization on the Web platform. element.animate() is the first of those pieces landing in Chrome.
You and your users want mobile web apps that react and scroll smoothly to the touch. Developing them should be easy but, unfortunately, how mobile web browsers react to touch events during scrolling is left as an implementation detail in the TouchEvent specification.
CSS Grid Layout is a new CSS3 module that provides new layout primitives that are ideal for web applications.
A monthly digest of high-quality Yeoman articles, generators and project news.
A whirlwind tour of Web Components, Polymer and front-end tooling for them.
Introduction to the Web Speech API's synthesis feature.
The capabilities of the Open Web Platform is accelerating at a pace that has never been seen before. At the Chrome Dev Summit we talked about how we are working on improving Blink, Security and Media for the platform
Polymer is a gateway into the amazing future of Web Components. Learn more about Web Components and Polymer from the Chrome Dev Summit
Here's the first in a series of reports from Chrome Dev Summit. There was a strong emphasis on Mobile and Cross-device development, so we'll kick off with that!
A regular round-up of articles, videos and talks authored by the Yeoman community.
The latest update for changes to the Chrome DevTools.
An implementation of Web Animations 1.0 has landed in Blink powering CSS Animations and Transitions.
Every click interaction in mobile browsers is hampered with a 300ms delay, but that's gone in Chrome 32 for mobile-optimized sites!
A regular round-up of articles, videos and talks authored by the Yeoman community.
Learn how to improve your front-end productivity with tools for workflow automation.
Chrome for Android (v31.0.1650+) has just landed support for audio input via the Web Audio API!
Good news: new flexbox (display: flex) is 2.3x faster than old flexbox (display: box)!
Ever wondered which font is actually being used to render text? Wonder no more as Chrome DevTools reveals all!
Have you ever created your own modal dialog box? Soon, you won't need to ever again; dialog boxes are becoming a part of the web platform.
WebM just added alpha transparency, and support for it has landed in Chrome 31.
Powering a css background using canvas or webgl
How to convert ArrayBuffer to and from String
An introduction to Mutation Observers.
Intro to the Full Screen API