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!
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.
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.
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!
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.
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.
Flickr Browser is a unique HTML5 app for browsing Flickr photos with a cool approach.
A great app for developers. It makes use of sliders and even a live preview area to generate cross-browser markup.
A HTML5-based calendar web app. Simple and clean interface and useful features for effective time management.
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!
Sketchpad by Mugtug is a Pixelmator-like application that has desktop-like tools, colour selection, patterns, swatches and much more.
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.
Another interesting web app based on HTML5. Basic tools, layers, and other features make this app a useful sketching tool online.
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.
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.
LucidChart is a great online tool for creating charts and diagrams. It works very fast and smoothly, a perfect tool for team collaboration online.
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.
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.
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.
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.