All Updates tagged: news

WebVR changes in Chrome 62

Learn about what is changing in the WebVR API

Read more

Tags: news webvr

Sensors For The Web!

Sensors are used in many native applications to enable advanced features. Wouldn't it be nice to bridge the gap between native and the web? You can do it with Generic Sensor API, which is available for Origin Trials in Chrome 62.

Read more

Tags: sensors origintrials chrome63 news

Autoplay Policy Changes

Learn best practices for good user experiences with the new autoplay policies in Chrome, coming January 2018.

Read more

Tags: autoplay news media

Audio/Video Updates in Chrome 62

Offline playback with persistent licenses and Widevine L1 on Android, video track optimizations, automatic video fullscreen when device is rotated, customizable seekable range on live MS streams, FLAC in MP4 with MSE are here!

Read more

Tags: news chrome62 media

Picture In Picture (PiP)

Let's discuss a Web API that would allow websites to create a floating video window over the desktop

Read more

Tags: news media

Audio/Video Updates in Chrome 61

Background video track optimizations and automatic video fullscreen when device is rotated are here!

Read more

Tags: news chrome61 media

Audio/Video Updates in Chrome 58

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!

Read more

Tags: news chrome58 media

Customize Media Notifications and Handle Playlists

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.

Read more

Tags: news chrome57 media notifications play

Get Ready for the Chrome Dev Summit 2016

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!

Read more

Tags: chromedevsummit news video announcement

Access USB Devices on the Web

The WebUSB API makes USB safer and easier to use by bringing it to the Web.

Read more

Tags: news webusb iot arduino origintrials

Creating a Web-Enabled IoT Device with Intel Edison

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.

Read more

Tags: news iot webbluetooth physicalweb edison

Record Audio and Video with MediaRecorder

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.

Read more

Tags: audio codecs media news recording video webrtc chrome49

VP9 Is Now Available in WebRTC

From Chrome 48 on desktop and Android, VP9 will be an optional video codec for video calls using WebRTC.

Read more

Tags: audio codecs media news video vp9 webrtc

Google Cast for Chrome on Android

Chrome on Android now allows mobile sites to present to Google Cast devices using the Presentation API and the Cast Web SDK.

Read more

Tags: news audio video media secondscreen

Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling

Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().

Read more

Tags: news audio video media webrtc getusermedia

Understanding when and how Touch to Search is triggered

Read more

Tags: news touch search

Detecting If a Web App Is Launched from the Home Screen

Detecting if a web app is launched from the home screen

Read more

Tags: news addtohomescreen

Adding a Splash Screen for Installed Web Apps in Chrome 47

Chrome 47 introduces a splash screen to web apps added to the home screen

Read more

Tags: news splashscreen addtohomescreen

Input Device Capabilities

A simpler method to rationalize your mouse and touch logic for when there is no PointerEvents

Read more

Tags: input news

Choose Cameras, Microphones and Speakers from Your Web App

The MediaDevices interface gives access to input and output devices available to the browser including cameras, microphones and speakers.

Read more

Tags: news audio video media webrtc getusermedia

The EME Logger Extension

EME Logger is a Chrome extension that logs Encrypted Media Extensions (EME) events and calls to the DevTools console.

Read more

Tags: news audio video media eme

Updates to the Service Worker Cache API

Chrome 46 brought new methods to caches, as does Chrome 47, and probably 48. It never stops.

Read more

Tags: news serviceworker cache

History API: Scroll Restoration

An update to the History API to prevent unsightly scroll jumping.

Read more

Tags: news history

Automating Resource Selection with Client Hints

Image optimization is hard and automation is the key to success.

Read more

Tags: news performance clienthints

Rolling out Public Key Pinning with HPKP Reporting

Chrome 46 ships with a feature called HPKP reporting, which can help you roll out a stricter form of SSL for your site.

Read more

Tags: news security hpkp

Tab Discarding in Chrome: A Memory-Saving Experiment

Reducing Chrome's memory footprint is one of the team's top priorities this year.

Read more

Tags: news performance update

Using the web app manifest to specify a site wide theme colour

Set a theme-color in the manifest and have it available to all pages on your site when launched from the home screen.

Read more

Tags: news webapp manifest

Using the web app manifest to create a solid color loading screen

Improve your perceived loading performance for web apps launched from the home screen.

Read more

Tags: news manifest webapp

Using requestIdleCallback

requestIdleCallback is new performance API for scheduling work when the browser is idle.

Read more

Tags: news performance update

New Release of Material Design Lite - 1.0.4

There is a new release of Material Design Lite, bringing a host of bug fixes and improvements to the build process.

Read more

Tags: news mdl release

Using poster images on plugin content

Chrome can now add custom poster images to object elements to improve percieved loading performance of plugins such as Flash.

Read more

Tags: news poster flash performance

Interact with Bluetooth devices on the Web

A Web API has been added to Chrome that makes it possible for websites to discover and communicate with devices over the Bluetooth 4 wireless standard using GATT.

Read more

Tags: news iot webbluetooth physicalweb origintrials

MediaStream Deprecations

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.

Read more

Tags: news audio video media mediastream mediastreamtrack getusermedia rtcpeerconnection webrtc

Media playback notifications for Chrome on Android

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.

Read more

Tags: news audio video android media notifications

Measuring Performance in a Service Worker

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.

Read more

Tags: news performance serviceworker

Using rotationAngle and touchRadius

A small set of changes have landed in Chrome 45 that will make it easier for developers to build better touch based apps

Read more

Tags: news android touch

Media Source Extensions for Audio

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.

Read more

Tags: news audio codecs mse

Help users checkout faster with Autofill

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!

Read more

Tags: news forms autofill monetization mobile

Notifying you of Changes to Notifications

2 new API's have been added in Chrome 44 which makes using Notifications with push easier to work with and customize.

Read more

Tags: news webpush notifications data

High performance video with hardware decoding

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.

Read more

Tags: news video flash shaka-player eme mse hardware-decoding codecs

Autocapitalize for mobile

Another text entry frustration for users is being removed.

Read more

Tags: news autocapitalize mobile

Cut and Copy Commands

The support for cut and copy commands allows you to programmatically cut and copy selected text to the users clipboard

Read more

Tags: news cutandcopy execcommand

DOM Attributes now on the prototype chain

Chrome is becoming in line with the spec. Check your sites if you are assuming the WebKit logic for attribute propagation

Read more

Tags: news dom

Permissions API for the Web

The Permissions API gives you a central place to check the permission status of an API.

Read more

Tags: news permissions

Simplified Concepts in Web Animations Naming

In response to developer feedback, some upcoming features of Web Animations are being renamed.

Read more

Tags: news webanimations

A new home for DevTools

We've moved into a shiny new home at developer.google.com/web have great new tutorials and tips for you.

Read more

Tags: devtools news outreach

Push Notifications on the Open Web

Push Messaging and Notifications are Landing in Chrome 42.

Read more

Tags: news webpush notifications serviceworker

Increasing Engagement with Web App Install Banners

Web App Manifest ✔︎, Service Worker ✔.Get ready for Web App Install banners

Read more

Tags: news addtohomescreen webapp install

Introduction to fetch()

The fetch() API is landing in the window object and is looking to replace XHRs

Read more

Tags: news fetch xhr

Creating semantic sites with Web Components and JSON-LD

Add schema.org markup to your components and make them search engine friendly.

Read more

Tags: news webcomponents json-ld

Offline-first, fast, with the sw-precache module

Add service worker-powered offline capabilities to your site with the sw-precache module.

Read more

Tags: news serviceworker offline cache performance

What the Virtual Viewport?

The virtual viewport separates layout and viewing of the viewport.

Read more

Tags: news virtualviewport

Chrome Dev Summit 2014: Let's build some apps with Polymer!

Building apps, the Polymer way.

Read more

Tags: news webcomponents polymer chromedevsummit

Getting Literal With ES6 Template Strings

Template String literals with embedded expressions. We've been waiting for this for ages. Literally

Read more

Tags: news es6 javascript ecmascript

image-rendering: pixelated

Pixelation of the nation. Now in Chrome 41

Read more

Tags: news css pixelated image-rendering

Chrome Dev Summit 2014: Polymer - State of the Union

The state of the Polymer Union.

Read more

Tags: news webcomponents polymer chromedevsummit

Chrome Dev Summit 2014: The Applied Science of Runtime Performance

The story of building the Chrome Dev Summit site.

Read more

Tags: news performance chromedevsummit frontend

Web Animations Playback Control in Chrome 39

Learn about Web Animation Playback

Read more

Tags: news webanimations

Fundamentals of Mobile Web Development

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.

Read more

Tags: news fundamentals mobile frontend

Developer feedback needed: Frame Timing API

A brand new API is in the works to help measure frames per second in the wild, but it needs your feedback.

Read more

Tags: news performance testing frontend

Installable Web Apps with the Web App Manifest in Chrome for Android

Use the web app manifest to control how your web app launches

Read more

Tags: news mobile apps frontend

Support for theme-color in Chrome 39 for Android

Use theme-color to set the toolbar color in Chrome for Android.

Read more

Tags: news mobile frontend

Generators: the Gnarly Bits

An exploration of ES6 Generators.

Read more

Tags: news iterators generators es6

Send beacon data in Chrome 39

Chrome 39 implements the Beacon API, which allows to send small async HTTP requests during the page unload events.

Read more

Tags: news beacon analytics

Precision Touch for Precise Gestures

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.

Read more

Tags: news touchevent

Collecting and Iterating, the ES6 Way

Maps, Sets, and for...of iteration are ES6 features that can change the way you work with collections of data.

Read more

Tags: news iterators es6 sets collections maps

Easier ArrayBuffer to String conversion with the Encoding API

The native Encoding API offers a straightforward way to convert between raw binary data and JavaScript strings.

Read more

Tags: news arraybuffer decoding strings unicode encoding

Web Audio Changes in m36

Description of Web Audio standards cleanup work in m36

Read more

Tags: deprecations removals news webaudio

dialog element shipped in Chrome 37 Beta

Chrome Beta has landed its native support for <dialog> element

Read more

Tags: news dialog semantics

Blob support for IndexedDB landed on Chrome Dev

Long awaited feature for Chrome, Blob support on IndexedDB landed in Chrome Dev.

Read more

Tags: news indexeddb blob

Automating Web Performance Measurement

Use PSI to get web performance metrics into your build process.

Read more

Tags: news gulp performance pagespeed node buildprocess

Web Animations - element.animate() is now in Chrome 36

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.

Read more

Tags: news elementanimate webanimations

A More Compatible, Smoother Touch

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.

Read more

Tags: news mobile touchevent

Get on the CSS Grid!

CSS Grid Layout is a new CSS3 module that provides new layout primitives that are ideal for web applications.

Read more

Tags: news layout css grids

The Yeoman Monthly Digest #3

A monthly digest of high-quality Yeoman articles, generators and project news.

Read more

Tags: news frontend scaffolding yeoman tools

Yo Polymer – A Whirlwind Tour Of Web Component Tooling

A whirlwind tour of Web Components, Polymer and front-end tooling for them.

Read more

Tags: news frontend polymer webcomponents tools

Web apps that talk - Introduction to the Speech Synthesis API

Introduction to the Web Speech API's synthesis feature.

Read more

Tags: news multimedia voice webspeech synthesis

Chrome Dev Summit: Platforms Summary

Platforms

Read more

Tags: news platforms pnacl dart

Chrome Dev Summit: Open Web Platform Summary

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

Read more

Tags: news owp webrtc blink

Chrome Dev Summit: Performance Summary

Performance Matters

Read more

Tags: news mobile performance

Chrome Dev Summit: Polymer declarative, encapsulated, reusable components

Polymer is a gateway into the amazing future of Web Components. Learn more about Web Components and Polymer from the Chrome Dev Summit

Read more

Tags: news mobile polymer webcomponents

Chrome Dev Summit: Mobile Summary

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!

Read more

Tags: news ux workflow mobile webview grunt serviceworker

The Yeoman Monthly Digest #2

A regular round-up of articles, videos and talks authored by the Yeoman community.

Read more

Tags: news frontend workflow tools yeoman

DevTools Digest December 2013

The latest update for changes to the Chrome DevTools.

Read more

Tags: news devtools

An implementation of Web Animations 1.0 has landed in Blink powering CSS Animations and Transitions.

Read more

Tags: news webanimations css

300ms tap delay, gone away

Every click interaction in mobile browsers is hampered with a 300ms delay, but that's gone in Chrome 32 for mobile-optimised sites!

Read more

Tags: news mobile performance touchevent

The Yeoman Monthly Digest #1

A regular round-up of articles, videos and talks authored by the Yeoman community.

Read more

Tags: news frontend tools yeoman automation

The Landscape Of Front-end Development Automation (Slides)

Learn how to improve your front-end productivity with tools for workflow automation.

Read more

Tags: news frontend productivity tools

Web Audio live audio input - now on Android!

Chrome for Android (v31.0.1650+) has just landed support for audio input via the Web Audio API!

Read more

Tags: news webaudio input android audio beta

Flexbox layout isn't slow

Good news: new flexbox (display: flex) is 2.3x faster than old flexbox (display: box)!

Read more

Tags: news performance layout css

DevTools answers: What font is that?

Ever wondered which font is actually being used to render text? Wonder no more as Chrome DevTools reveals all!

Read more

Tags: news devtools webfonts tools

dialog element: Modals made easy

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.

Read more

Tags: news dialog semantics

Alpha transparency in Chrome video

WebM just added alpha transparency, and support for it has landed in Chrome Canary.

Read more

Tags: news video webm

sourceMappingURL and sourceURL syntax changed

Read more

Tags: news devtools

Introduction to Custom Filters (aka CSS Shaders)

Read more

Tags: news webgl shaders css filters

What's the CSS :scope pseudo-class for?

Read more

Tags: news dom semantics

Visualizing Shadow DOM Concepts

Read more

Tags: news shadowdom webcomponents semantics

Profiling Long Paint Times with DevTools' Continuous Painting Mode

Read more

Tags: news performance devtools

WebRTC: RTCDataChannel demo, API changes... and Chrome talks to Firefox!

Read more

Tags: news webrtc webaudio

CSS Background shorthand coming to mobile WebKit browsers

Read more

Tags: news mobile graphics css

Voice Driven Web Apps: Introduction to the Web Speech API

Read more

Tags: news voice multimedia webspeech

Screensharing with WebRTC

Read more

Tags: news getusermedia screenshare webrtc

Canvas-driven background images

Powering a css background using canvas or webgl

Read more

Tags: news canvas css graphics

WebRTC hits Firefox, Android and iOS

Read more

Tags: news video webrtc getusermedia

Respond to change with Object.observe

Read more

Tags: news javascript

Content Security Policy 1.0 is officially awesome.

Read more

Tags: news contentsecuritypolicy security

Interactive Globe with CSS shaders & Google Maps

Read more

Tags: news graphics shaders css

Live Web Audio Input Enabled!

Read more

Tags: news webaudio multimedia getusermedia audio

Stacking Changes Coming to position:fixed elements

Read more

Tags: news stacking css

Stick your landings! position: sticky lands in WebKit

Read more

Tags: news performance css

Integrating input[type=file] with the Filesystem API

Read more

Tags: news file

When milliseconds are not enough: performance.now

Read more

Tags: news internals performance

[datalist] for range/color inputs offer some default choices

Read more

Tags: news forms datalist

Quick FAQs on input[type=date] in Google Chrome

Read more

Tags: news forms

Drag and drop a folder onto Chrome now available

Read more

Tags: news dnd filesystem

How to measure browser graphics performance

Read more

Tags: news benchmark graphics

Arrived! xhr.send(ArrayBufferViews)

Read more

Tags: news xhr2 binary

Taking advantage of GPU acceleration in the 2D canvas

Read more

Tags: news gpu canvas graphics

Writing a flippable book using CSS Regions and 3D transforms

Read more

Tags: news regions css

The amazing powers of CSS

Read more

Tags: news css

How to convert ArrayBuffer to and from String

How to convert ArrayBuffer to and from String

Read more

Tags: news performance arraybuffer

Don't Build Blobs, Construct Them

Read more

Tags: news file

requestAnimationFrame API: now with sub-millisecond precision

Read more

Tags: news internals performance

Websocket Frame Inspection now in Chrome DevTools

Read more

Tags: news devtools

datalist landed in Chrome Canary

Read more

Tags: news datalist forms semantics

Processing XHR2 file uploads in PHP

Read more

Tags: news xhr2 binary

WebRTC Protothon

Read more

Tags: news webrtc

Big boost to DOM performance - WebKit's innerHTML is 240% faster

Read more

Tags: news performance dom

Round-up of Web Browser Internals Resources

Read more

Tags: news internals performance

Taking an Entire Page Offline using the HTML5 FileSystem API

Read more

Tags: news offline filesystem

CSS layout gets smarter with calc()

Read more

Tags: news presentation css

Optimizing JavaScript

Read more

Tags: news performance javascript

A New Experimental Feature: scoped stylesheets

Read more

Tags: news css dom

WebGL and Web Audio API demo roundup

Read more

Tags: news webaudio webgl multimedia

SwiftShader brings software 3D rendering to Chrome

Read more

Tags: news webgl graphics

Detect DOM changes with Mutation Observers

An introduction to Mutation Observers.

Read more

Tags: news mutationobserver dom

Read more

Tags: news registerprotocolhandler mailto

Chrome for Android: Accelerating the Mobile Web

Read more

Tags: news android

Pointer Lock API Brings FPS Games to the Browser

Read more

Tags: news pointerlock fullscreen games

HTML5 audio and the Web Audio API are BFFs!

Read more

Tags: news webaudio multimedia audio

Getting Rid of Synchronous XHRs

Read more

Tags: news xhr2 binary

Web Audio FAQ

Read more

Tags: news webaudio multimedia

Introducing Video Player Sample

Read more

Tags: news video multimedia

CSS Filter Effects Landing in WebKit

Read more

Tags: news presentation css filters graphics

Transferable Objects: Lightning Fast!

Read more

Tags: news binary performance workers

Use mediump precision in WebGL when possible

Read more

Tags: news mobile performance webgl graphics

Chrome Developer Tools for Speed

Read more

Tags: news devtools

'Stream' video using the MediaSource API

Read more

Tags: news mediasource media

Quota Management API : Fast Facts

Read more

Tags: news offline quota filesystem

WebGL demo roundup

Read more

Tags: news webgl graphics

App Cache Tools and Auto-Generators

Read more

Tags: news offline appcache

Defining Scope In IndexedDB Transactions

Read more

Tags: news indexeddb offline

Spooktacular HTML5 Pumpkin

Read more

Tags: news halloween

Let Your Content Do the Talking: Fullscreen API

Intro to the Full Screen API

Read more

Tags: news games multimedia fullscreen

WebSockets updated to latest version in Chrome Canary

Read more

Tags: news websockets

Keeping up with HTML5 and browser support

Read more

Tags: news html5

Having a ride with Three.js

Read more

Tags: news webgl canvas

New Game Conference for HTML5 Game Developers Coupon

Read more

Tags: news games

7 minute videos: JavaScript Console Protips & newish DOM APIs

Read more

Tags: news devtools

Workers ♥ ArrayBuffer

Read more

Tags: news binary workers

What's different in the new WebSocket protocol

Read more

Tags: news websockets connectivity

insertAdjacentHTML Everywhere

Read more

Tags: news dom

Debugging the Filesystem API

Read more

Tags: news storage filesystem

Saving generated files on the client-side

Read more

Tags: news filesystem

Seek into local files with the File System API

Read more

Tags: news offline filesystem

Downloading resources in HTML5: a[download]

Read more

Tags: news

HTML5 Libraries/polyfills - Mid July

Read more

Tags: news

Announcing New Game, the conference for HTML5 game developers

Read more

Tags: news games

Don't Miss a Frame: Using the Page Visibility API + HTML5 Video

Read more

Tags: news pagevisibility

Multiplayer Audio Fun

Read more

Tags: news webaudio websockets connectivity

Using Cross-domain images in WebGL

Read more

Tags: news webgl cors

Registering a custom protocol handler

Read more

Tags: news registerprotocolhandler

HTML5 Libraries - Late June

Read more

Tags: news canvas css

Page Visibility API: Have I got your attention?

Read more

Tags: news pagevisibility

Contra in HTML5 + Web Audio API

Read more

Tags: news webaudio

Read more

Tags: news offline

Welcome to updates.html5rocks.com!

Read more

Tags: news

Subscribe