Chrome, webdev

Chrome 50 And Web News


Web Bluetooth

blue-tYou can access user-selected Bluetooth devices over GATT.
You can try it in Chrome behind flags:
If you wish to learn more on the web Bluetooth, try this the demo code.
Last note, for more details on the implementation (e.g. which pieces are done in which releases) star this repo



Want to stay updated with all the new powerful features that Chrome DevTools got for you? Check this DevTools Tonight show pilot or a daily tip.



Learn about Monetization (from web/app to bitcoins and more!) with this new series we created on Google Developers Channel.
Btw, if you like blog posts, we got you covered as well right on this blog.

Async CSS

Controlling async CSS using custom properties. Turns out they’re quite powerful.
Since <link> in the <body> blocks the parser while the CSS loads, it might be good to build a dependency mechanism where each element is render-blocked until other specific elements have rendered.
Sounds complicated?
It’s not. Check this 
demo (please make sure to try it with Chrome Canary or Firefox). In this demo, the CSS is loaded async, with each sheet taking randomly between 0-5 seconds to load. Despite this, the page never renders out of order, and each section renders as soon as possible depending on the browser width.

css-jake 2016-02-24 at 10.01.52 AM

Progressive web apps

Wanna see some good examples of Progressive web apps? This is the new way to build for the web at 2016.
We wish to have a web app got:

  • Fast loading – Since we are caching everything and using smooth animations and navigations, everything feels fast. Because it is.
  • One click away from accessing content (e.g. icon on the user’s phone).
  • Re-engages with push notifications – We are using service workers so we have the ability to run a script in the background and send push notifications. Even when the browser is not visible to the user.
  • Good experience on flaky network connections.
  • Consistent experience across browsers

Here is a good list of PWA to show you by example.

pwa 2016-02-24 at 10.00.27 AM



Media Land

  • Record audio and video with the MediaRecorder API: in Firefox and Chrome on Android and desktop.

  • VP9 is now available for WebRTC: With VP9, internet connections that are currently able to serve 720p without packet loss or delay will be able to support a 1080p video call at the same bandwidth. VP9 can also reduce data usage for users with poor connections or expensive data plans, requiring in best cases only 40% of the bitrate of VP8.

Thanks for reading!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s