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.
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
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.
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.
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!
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.
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.
Flickr Browser is an unique HTML5 app for browsing Flickr photos with 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 colourful interface. You can assign different colours 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 an 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 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.
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.
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.
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.