Chrome, HTML5, JavaScript, mobile, webdev

Chrome And HTML5 Updates

There are some very interesting technologies that are now available in Chrome. In this post I will try to cover some of them.

We know that Google started the Chrome project on the three ideas of speed, simplicity, and security. It’s still focusing on these important aspects while keep moving forward (fast) on implementation of many other HTML5 features. You can find Chrome on mobile, desktop, Chromebook and Chromecast. Let’s see what are the new, improved features we got these days as developers in Chrome platform:

Focus areas Chrome is moving forward

Mobile and Open Web Platform

We’re investing a lot of time to make sure mobile web experiences improve and that they are easier to develop!

  1. Build amazing mobile web apps
  2. WebGL, Web Audio, WebRTC, Web Speech and many more APIs that give you ‘native’ capabilities inside your browser.
  3. Vibration
  4. Device Motion
  5. WebRTC code lab (link) to check the new world of media (video/audio) in Chrome without plugins.

Many screens – One (mobile) web

 

Chrome Apps – Build installed, native apps using web technologies

Chrome Apps deliver an experience as capable as a native app, but as safe as a web page. Just like web apps, packaged apps are written in HTML5, JavaScript, and CSS. But packaged apps look and behave like native apps, and they have native-like capabilities that are much more powerful than those available to web apps. Packaged apps have access to Chrome APIs and services not available to traditional web sites. You can build powerful apps that interact with network and hardware devices, media tools, and much more.
A short list of examples:

    • If you like to dive into the new world of Chrome Apps try this lab.

Chrome DevTools – Your IDE inside Chrome

  • Quickly iterate styles, debug problems, investigate performance

  • Evolving quickly, jump on Canary for latest and greatest features. Click on ‘?’ and work like a real pro with all the keyboard short-cuts.

  • This is an area that is near and dear to our heart.

    Some cool new features:

Discover DevTools

Polymer

  • Yes! It’s 2014 and we now have OOP in web development. Encapsulation, code-reuse and many more powerful aspects.

  • As of last month (no 1st of april joke here) there are 43 elements and counting!

  • Chromestatus.com – It was built with Polymer and you can keep yourself updated with all the rapid changes in the platform.

  • Check the water with this cool Polymer code lab.

Dart

Dart is a structured and familiar platform for modern web apps. The Dart project includes a new language, libraries, and tools for a clear and coherent programming experience. The Dart language is a dynamic and class-based object oriented language that compiles to JavaScript. The Dart libraries come with collections, unit tests, a modern HTML API, Futures, Streams, and much more. The Dart tools include an editor (with refactoring, warnings, errors, and more), a package manager, and a Dart-to-JavaScript compiler. Dart can run in its virtual machine, both inside a browser and on servers.

  • You will be able to hack project like my DartInsta in less then an hour.

  • More than 400 community packages in pub.dartlang.org

  • All you wish to know is under the roof of dartlang.org

Performance

  • Chrome team is passion on these 3 main Pillars : Network, Compute, Render.

  • Start Here : #perfmatters on HTML5 Rocks

  • Great #perfmatters community on G+ and Twitter.

For more updates and new you can checkout ido-green.appspot.com under ‘Chrome News’ or register to http://www.html5rocks.com feeds.

Enjoy and built something wonderful or addicted.

Standard

Leave a comment