HTML5-Powered Web Applications: 19 Early Adopters

Note: This post was first published on the May 20, 2011.

HTML5, rumored as Flash killer, is a brand new web technology that raises a revolution lead by Apple in web application development.

It contains canvas elements for images and animation drawings, supports video and audio embedding, and includes a storage database for offline web applications. Most important of all, you don’t need a plugin to get all these features; your latest browser supports that.

Sounds pretty cool, but what can HTML5 do, actually?

Well, this post will satisfy your curiosity about the power of HTML5 by showing you a series of practical HTML5-powered web applications such as drawing applications, chart-creating applications, and time management applications. So there’s no technical document anymore, let your eyes witness the true potential of HTML5!

DeviantART muro

Muro is an HTML5-based sketching app that works in all modern browsers, and you can dive in and start drawing on a blank canvas without Flash or any other plugin. Several brushes are available to everyone, but to access more advanced features, you’ll need a DeviantArt account.

deviantART muro
HootSuite

HTML5-based social media dashboard with some great features: geo-location tweet searching, the choice between new and old style retweets, connection to Google Analytics, drag and drop editing, custom interface and much more. Perfect online tool for professional brand management.

HootSuite
X-Worlds

Something cool and interesting for kids of all sizes. You can submit a drawing of your character and watch it transform into an awesome illustration. Be the next X-world superhero!

X-Worlds
Aviary’s Image Editor

HTML5-powered photo editor is easy to use and surprisingly powerful. Beyond its use of HTML5 (as opposed to Flash, Silverlight or other RIA frameworks), this app is designed to be portable so developers can directly integrate it into their sites or apps.

Aviary's Image Editor
CSSWarp

CSSWarp is an online tool that allows you to attach any text to a curved path or a circle, then create warped text with pure CSS and HTML.

CSSWARP
Flickr Browser

Flickr Browser is a unique HTML5 app for browsing Flickr photos with a cool approach.

Flickr Browser
CSS3.0 Maker

A great app for developers. It makes use of sliders and even a live preview area to generate cross-browser markup.

CSS3.0 Maker
Coolendar

A HTML5-based calendar web app. Simple and clean interface and useful features for effective time management.

Coolendar
Twimbow

Twimbow is a colorful, HTML5 and CSS3 based Twitter client with a focus on filtering. The interface looks similar to TweetDeck and Seesmic, but its main distinction lies in its colorful interface. You can assign different colors to different users and groups, and also change the colour of tweets by adding a color tag!

Twimbow
Sketchpad

Sketchpad by Mugtug is a Pixelmator-like application that has desktop-like tools, colour selection, patterns, swatches and much more.

Sketchpad
CloudCanvas

Cloud Canvas is a free HTML-5-based cloud image editor. This is a fully featured online image editor that allows you to create and save digital media. All content saved will be in PNG and XML format and stored in Google Documents.

CloudCanvas
Lislis Painter

Another interesting web app based on HTML5. Basic tools, layers, and other features make this app a useful sketching tool online.

Lislis Painter
Scribd

This version of Scribd is a Flash and HTML5-based web app that provides in-browser access to all sorts of documents and e-books uploaded by users.

Scribd
Google Body Browser

Google Body Browser is a cool web app powered with WebGL for study use. WebGL is a cross-platform low-level 3D graphics API that is designed to bring plugin-free 3D to the web. It uses the HTML5 Canvas element and does not require Flash, Java or other graphical plugins to run.

Google Body Browser
LucidChart

LucidChart is a great online tool for creating charts and diagrams. It works very fast and smoothly, a perfect tool for team collaboration online.

LucidChart
Diagramo

Diagramo is an interactive online application that allows you to make diagrams and flowcharts from within a web browser. It also allows you to create, edit and share diagrams, organizational charts, network diagrams and graphs. The diagrams can be saved for a lifetime.

Diagramo
Ultimate CSS Gradient Generator

Colorzilla has designed this very easy-to-use CSS3 gradient generator. It uses sliders and color pickers just like Photoshop and is highly recommended.

Ultimate CSS Gradient Generator
Citicles

Citicles is an experimental HTML5 visualizator that aggregates basic information about a city and displays it in a simple circle design. Each circle encloses the city’s population, temperature, time, elevation, latitude and longitude.

Citicles
Tiny Fluid Grid

This grid generator with great design lets you generate a grid framework using simple options and even includes a preview page for you to make sure your grid looks perfect.

Tiny Fluid Grid
WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail