A HTML5-based calendar web app. You can use it for effective time management. Very easy to work with it.

2. Google Body

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

3. HootSuite

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

4. Tiny Fluid Grid

HTML5 based grid generator. Here you can generate a grid framework using simple options. Even you can preview the page to see the grid is perfect or not.

5. 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.

6. Cloudkick Viz

Cloudkick Viz uses the canvas element to display cloud server monitoring information in real time.

7.verify

Learn how Verify can help you easily get and understand data about your website.

8. 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!

9. 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.

10. Notableapp

Notable lets you take any webpage screenshot, sketch or wireframe and exchange notes on specific details with your team. You can quickly reply, vote or suggest a better idea. Our goal is to help you arrive at the best solution in the shortest amount of time.

11. Taskboard

Taskboard 10k is a light-weight on-line whiteboard for your task and notes about life, the universe and everything. It’s easy to use like a fridge door with sticky notes. You like to get things done? – Use it as a colorful todo list. Are you an agile enthusiast? – Turn in into kanban or scrum board.

12.bounceapp

A fun and easy way to share ideas on a website.

13. 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.

14. Cubescape

Cubescape works on draw 3D isometric pictures by dropping little blocks.

15. Moodr

Need some inspiration? Create a moodboard! Collect images from the web on a paginated moodboard to help your creative process and brainstorming.

16. TinyBounce

TinyBounce! Grab a screenshot of a website, add notes to it, then save your feedback and send the link to your friends (or enemies). TinyBounce is the smaller, sleeker little brother to Bounce (bounceapp.com)

HTML and CSS are the most essential and fundamental web languages: they provide the foundation for the vast majority of web sites and web applications. HTML5 is on track to become the future of the web, offering simple plug-in free Rich Internet Application capabilities, easier development, and enhanced user experience.

Today you can find a wealth of HTML5 information on the web including references, tutorials and tips. There are also a few very good books available which concentrate on certain HTMl5 features. However there is always a need for a relatively concise summary of all that information in one handy reference-style book.

This book is an essential technical dictionary for professional web designers and developers, conveniently summarizing over 3000 pages of (X)HTML5 and CSS3 specifications and covering the most common and fundamental concepts and specs, including tags, attributes, values, objects, properties, methods, events, and APIs.
Topics include:

• Introduction to HTML5
• HTML5 and XTML5 syntax rules
• Document semantic structure
• Summary of HTML5 Elements and Attribut
• HTML5 forms
• Global attributes and events
• Summary of CSS3 properties
• HTML5 APIs, including Canvas, SVG, Video, Audio, Web Workers, Web Sockets, Microdata, Geolocation, Web Storage and more.

When you study a foreign language you typically need a grammar book and a dictionary. Similarly, when you study a programming language like HTML you typically need a guide book and a reference book – although, if you are familiar with the previous version of HTML, a reference book alone might be enough.The author’s goal was to create a one-stop reference source which is comprehensive but still concise, simple, easy-to-read, and structured. See a sample book excerpt describing CSS3 background-imge property below.

A Special Thanks to Sergey Mavrody for this great contribution to us and HTML5 community.
You can know more about him and the great HTML5 book http://html5.belisso.com/

Advertisement

1. Mutuality

Due to usability purpose the web sites made by developers are highly interactive nowadays and for this developers need to include fluid animations, stream video, play music and Social Network sites like Facebook and Twitter into the websites. Till now they have only the option to integrate it with the help of Flash or Silverlight, Flex or javascript like tools. But these consume so much time to develop and even the complexity of web application also increased. But now with the help of HTML5 it is possible to embed video and audio, high quality drawings, charts and animation and many other rich content without using any plugins and third party programmas as the functionality is built into the browser.

Advertisement

2. Cleaner markup / Improved Code

HTML 5 will enable web designers to use cleaner, neater code, we can remove most div tags and replace them with semantic HTML 5 elements.

3. Improved Semantics

Now it is easy to see which parts of the page are headers, nav, footers, aside, etc as the tags are specific for these all and most importantly know what their meaning and purpose is in whole the format. By using HTML5 elements we can increase the semantic value of the web page as the codes are very standardized.

4. Elegant forms

HTML5 enables designer to use more fancier forms. Even it makes form validation native to HTML, User interface enhancements and reduced need for JavaScript (only needed in browsers that don’t support form types). There will be different type of text inputs, search and different fields for different purpose.

5. Consistency

As websites adopt the new HTML5 elements we will see more greater consistency in terms of the HTML used to code a web page on one site compared to another. This will make it more easier for designers and developers to immediately understand how a web page is structured.

6. Improved Accessibility

Different technologies can elaborate on the features with the help of HTML5, as they can Immediately make more detailed understanding of the structure of a page by take a look at HTML5 elements it has.

7. Fulfill  the need of Web application

Many new features and standards have emerged as part of HTML 5. Once you detect the available features in today’s browsers, you can take advantage of those features in your application. Main focus of HTML5 is to make easier application with easy front-ends, drag and drop tools, discussion boards, wikis and other useful elements.

8. Offline Application cache

All browsers have some kind of caching m After a sometime, you open up your laptop and click the Back button in the browser hoping to see the previous page that was opened. However, as you are not connected to the internet and the browser didn’t cache the page properly, you are unable to view that page. You then click the Forward button thinking that at least that page will load, but it doesn’t. You need to reconnect to the internet to be able to view the pages. HTML 5, thankfully, provides a smarter solution. While building the site, the developer can specify the files that the browser should cache. So, even if you refresh the page when you are offline, the page will still load correctly. This sort of caching has several advantages like offline browsing, files load much faster and reduced load on server

9. Client-side database

While cookies have been used to track unique user data for years, they have serious disadvantages. The largest flaw is that all of your cookie data is added to every HTTP request header. This can end up having a measurable impact on response time. So a best practice is to reduce cookie size. With HTML5 we can do better  by using  sessionStorage and localStorage(two different storage in HTML5) in place of cookies. It is not a permanent database, but enables you to store structured data, temporarily.

10. Geolocation support

With help of Geolocation any one can find out where you are in the world and sharing that information with people. There is different ways to figure out where you are — your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites in the sky. But The new HTML5 geolocation APIs make location, whether generated via GPS or other methods, directly available to any HTML5-compatible browser-based application.

This is only the overview of the HTML5 advantages, actually there is lots more to know about HTML5. In the near future HTML5 will become a online development language. It is assumed that it will not completely finished before 2022.So just keep it in your mind and start using HTML5 in your designs right now!

What are your thoughts on this? please share them with us in the comment section below!