At least that's the vision. And folks have been eating it up. IT managers love the promise of HTML5 and the cloud because it means installing one app on the desktop -- the browser -- and forgetting about those boxes in the cubicles. Programmers love it because HTML5 is often as easy as putting a few tags in the right places, even though CSS can occassioinally drive us mad. The bean counters love it because Web designers are cheaper and more plentiful than C++ programmers. Strategic managers love it because they don't need to ask the smartphone manufacturers for permission to get in their Web store.
[ Experts explain all key HTML5 specs, from canvas to local storage, plus the latest browser benchmarks and report cards on HTML5 support in InfoWorld's megaguide to HTML5. Download the PDF today! | Beware the 11 hard truths about HTML5. | Keep up with the latest developer news with InfoWorld's Developer World newsletter. ]
Exemplary HTML5 app No. 1: Zoho
There are at least 33 apps in the Zoho collection. Some are basic productivity apps, like a word processor, and others, like the Zoho CRM app, are more akin to structured databases for storing information about customers, users, and clients. Zoho has wisely found a way to work with Google Apps, so you can use the best of both collections.
Zoho's tools rely on many parts of the HTML5 specification, but less than you might expect. The editing tools do much of the layout work with carefully designed CSS rules. The editing logic is all handled by Zoho's code, and I couldn't find the new HTML5 contentEditable tag in any of the documents I tried. If the feature set is complex, it can be easier not to trust the browser to handle the editing.
Several Zoho apps open up databases using either the local storage or session storage API. They can push key/value pairs for later reuse.
Other parts of the HTML5 tool set are obvious. The form builder lets you drag and drop elements into place. The data, though, seems to be using its own internal hooks instead of the newer features for form validation.
Exemplary HTML5 app No. 2: Google Docs
They started simply, but Google Docs and Google Drive are doing almost all we need to do. For me, the defining moment came when I edited a document concurrently with someone on the other end of a phone. Our changes flowed between us and the work was done. Google Docs does not offer as many features as Microsoft Office does, but its integration with Gmail makes getting started with Google's online Office alternative a snap.
The bulk of the applications seem to use basic HTML for all of their work. The tables, texts, and figures are laid out with HTML, and mouse-clicks drive the action. The local storage is allocated, but there weren't many key/value pairs I could find in my browser's local database after extensive use.
Exemplary HTML5 app No. 3: HTML5 slide apps
There are more than a half-dozen HTML5 libraries for building slide decks in HTML instead of PowerPoint, including Presentation.js, Impress.js, Fathom.js, reveal.js, and CSSS. The images and text swoop and swirl around the screen, making ordinary PowerPoint slides look boring and last century. If your audience is still asleep afterward, it will be your fault.
The core of the program uses basic HTML to lay out your slides in DIVs given absolute coordinates. As you page through the program, it will use WebKit transforms to change the viewpoint of these DIVs by panning, twisting, turning, or even rotating in 3D. All of the new HTML5 additions to the CSS layout engine and the canvas object are available for use in designing your slides.