HTML5-Powered Web Applications: 19 Early Adopters

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 element for images and animation drawings, support video and audio embedding, and includes 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.

html5-apps

Sounds pretty cool, but what HTML5 can do actually? Well, this post is going to satisfy your curiosity about the power of HTML5 by showing you a series of practical HTML5-powered web applications such as drawing application, chart creating application and time management application. So there’s no technical document anymore, let your eyes witness the true potential of HTML5!

19 HTML5-Powered Web App

DeviantART muro

Muro is HTML5-based sketching app that works in all modern browsers, and you can dive in and start drawing on a blank canvas, all without Flash or any other plugin. There are several brushes 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, 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 which is easy to use and surprisingly powerful. Beyond its use of HTML5 (as opposed to Flash, Silverlight or other RIA frameworks), what sets this app apart is that it’s designed to be portable so developers can directly integrate it into their sites or apps.

Aviary's Image Editor

CSSWarp

CSSWarp is 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 an unique HTML5 app for browsing Flickr photos with 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 colourful interface. You can assign different colours 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 an 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 smooth, a perfect tool for team collaboration online.

LucidChart

Diagramo

Diagramo is an interactive online application, which 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

Author:

Tomas is a blogger and designer from Lithuania, who is currently studying Multimedia Design & Communication in Denmark. Check out his work on his portfolio or connect with him on Twitter.

Tags:

Advertisement