Web platform: five technologies to look forward to in 2014

By -
This blog post describes five technologies that will make 2014 an exciting year for the web platform:

  1. asm.js: near-native performance on the web

  2. ParallelJS: parallelized JavaScript code

  3. ECMAScript 6 (ES6): evolving the language, uniting the community

  4. Web Components: a standard infrastructure for widgets

  5. CSS Grid Layout: native-like GUI layout





asm.js: near-native performance on the web



What it is: a subset of JavaScript that runs fast on current engines (about 70% of compiled C++ code, at the moment).


Why it is exciting:


  • Near-native speed in web browsers.

  • Tightly integrated with JavaScript.

  • Already compatible with all existing JavaScript engines. An engine optimizing asm.js code takes more work, but can be implemented incrementally.



More information: “asm.js: closing the gap between JavaScript and native”

ParallelJS: parallelized JavaScript code



What it is: This project was born under the name “River Trail” and parallelizes JavaScript code that uses the array methods mapPar(), filterPar() and reducePar(), which are, as you may have guessed, parallelizable versions of map(), filter() and reduce().


Why it is exciting: You get parallelism without any pitfalls. Plans for the future are impressive, too – ParallelJS may eventually produce code for GPUs.


More information: “ParallelJS: data parallelism for JavaScript”


ECMAScript 6 (ES6): evolving the language, uniting the community



What it is: The next version of JavaScript. ECMAScript 6 will be a standard by approximately the end of 2014. By that time, most of ES6 will be supported by engines, but some features are already available.


Why it is exciting: ECMAScript 6 brings many new features, but I expect the following two to have the biggest impact. And it’s not because they bring something to JavaScript that wasn’t there, before – the inheritance APIs and module systems that we currently have work really well. It is because they unity the community.


  • Classes: Currently, almost every framework has its own inheritance API, hindering code portability. With ECMAScript 6 classes, there is hope that everybody will eventually use the same mechanism.

  • Modules: Roughly, the world of JavaScript modules is divided into Node.js modules and AMD modules. It looks like ES6 modules will change that.


Another big-impact feature is support for asynchronous programming, via promises and generators. Here, the kicker is that promises are already being used to design asynchronous browser APIs.


More information:



Web Components: a standard infrastructure for widgets



What it is: Implementing your own widgets for the web is incredibly tricky (encapsulating and packaging HTML, CSS and JavaScript, ensuring performance, updating views when models change, etc.). Which is why there are numerous frameworks helping you with this task. On one hand, Web Components profit from the work done for these frameworks, by adopting their best techniques. On the other hand, they can rely on new basic web platform features such as the Shadow DOM for encapsulating widget markup and Object.observe() for efficient data binding.


Why it is exciting: Web Components will enable a common ecosystem for web widgets. In the present, you may come across an exciting widget on the web, only to find out that it doesn’t work with your framework of choice. In the future, that problem will hopefully go away, because all widgets will be Web Components and all frameworks will support Web Components. Then frameworks can focus on new ideas and don’t have to reinvent the foundational infrastructure wheel.


Google’s Polymer Project polyfills Web Components for current browsers. That means that the APIs can be polished via experience gained from real-world projects before becoming part of HTML5.


More information:



CSS Grid Layout: native-like GUI layout



What it is: Quoting the standard:

This CSS module defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout model, the children of a grid container can be positioned into arbitrary slots in a flexible or fixed predefined layout grid.


Why it is exciting: Desktop and mobile UI frameworks such as Android, iOS (Cocoa) and Java SWT are still ahead of the web when it comes to layouting graphical user interfaces. CSS Grid Layout will eliminate that gap. How about support in browsers? Internet Explorer already supports it, implementations in Firefox and Chrome are in progress. Here is hoping that it will be available on the latter two browsers in 2014. If you look at the editors of the spec, below, the signs are good.


Flexbox versus CSS Grid Layout: Flexbox is another CSS layouting mechanism, with broad support across browsers. It is great for fluid rows of HTML elements. When it comes to grids, it gets you quite far, because you can nest vertical and horizontal flexboxes. However, you have to decide on a dominant dimension (horizontal or vertical), making dynamic relationships in both dimensions impossible. In other words: true grids (as used for desktop-style graphical user interfaces) are easier in CSS Grid Layout.


More information:



Conclusion



That was a brief tour of web platform technologies that I’m excited about for 2014.
What technologies are you excited about? Let us know in the comments.

Comments

Post a Comment

Popular posts from this blog

Steve Lopez and the Importance of Newspapers

By -
Image
It has been one year since I cancelled my subscriptions to The New York Times and the Los Angeles Times . In that time, I continued to read both publications online. My assessment of this experiment is that reading newspapers and journalism online is vastly inferior to the hard copy thrown on my porch each morning. So I restarted my subscription to the Los Angeles Times and I have made it a point to buy The New York Times as often as I pass one of those coin boxes or my local news stand. The catalyst for this re-evaluation resulted from catching the film, The Soloist on cable last week. I liked the movie, although the scenes I found most interesting were the ones that showed columnist Steve Lopez at work. I realized the book was sitting in my “to-read” stack, so I pulled it and began reading. The book, as I expected, is better than the film. Lopez clearly addresses the revolution occurring in journalism, and worries about his future with the paper even as he researches and writes...
Keep reading

Ideas for fixing unconnected computing

By -
I traveled quite a bit recently and got exposed to a negative aspect of current technology: Things work well if you have a solid internet connection with no traffic limits and are plugged into a power outlet. Otherwise, things do not work well at all. This blog post describes the problems that arise and suggests solutions. Managing data traffic Cell phones are quite good at conserving traffic, laptops much less so. This becomes a problem when your laptop has a mobile connection (e.g., via tethering or in a hotel with data caps). I once accidentally started iTunes in such a situation and immediately used up my daily allowance of traffic. Similarly, mobile email is frugal with traffic (only the current folder is updated, attachments are only downloaded on demand, etc.), desktop email is usually not. How can this be handled better? I’d like to see three traffic modes for all operating systems: “full”, “restricted”, “minimal”: In full traffic mode , all data transfers are allowed and happe...
Keep reading

Omar to kill me

By -
Image
  The sentence “ Omar m’a tuer ” is unintelligible French, as if it had been written by an illiterate person. At first sight, Mme Ghislaine Marchal —the author of those words in blood—seems to be saying that she had been killed by Omar in her villa at Mougins (Alpes-Maritimes). But why would that dying French lady have used such poor grammar? On that flimsy evidence, in 1991, the Moroccan gardener Omar Raddad was condemned and jailed. But he persisted non-stop upon his innocence. In 1998, he was liberated, and now lives in Morocco. A recent analysis of DNA specimens from the scene of the crime provides new facts. Four males, none of whom was Omar Raddad, have left traces of their presence. Will the real murderer be identified at last?
Keep reading