Client-side databases using HTML5

Web SQL Database is a set of APIs created to manipulate client-side databases using SQL. Since the databases are stored on the user’s browser, this could allow web applications to work online and off-line. You can see a complete usage example of Web SQL Databases created by html5rocks.

Sketchpad: Online drawing using HTML 5

Sketchpad is a cool HTML 5 application to create drawings online. It has all the features you can expect on a standard desktop app directly from your (modern) browser and a great looking design.

Sublime: HTML5 video player

SublimeVideo is a great looking HTML 5 video player that allows video embedding without the need of browser plugins (of course your visitors will need a modern browser). The player is just a “pre-release demo” for now, but most of its features are already working. You can check the demo and read more in the developer’s blog.

YouTube introduces HTML5 powered videos

YouTube announced today that they are introducing an experimental version of an HTML5-supported video player.

The player has some limitations: It doesn’t support videos with ads, captions, or annotations and only works in browsers that support both the video tag and h.264 encoding (Chrome, Safari and Internet Explorer using ChromeFrame).

To try it out, go to the HTML5 page via TestTube or visit this page and join the HTML5 Beta.

HTML5 Glossary

The guys at HTML5 Doctor just launched an excellent HTML5 Glossary that is not limited to tag reference but also contains very useful code examples and links to their great articles discussing the use (and misuse) of some of the tags.

Watch YouTube videos without Flash in HTML5

Sometimes there’s no way for me to watch Youtube videos on Ubuntu. And I have a few problems on Windows too. Flash can give you a lot of headaches, most of the times because CPU usage or crashes. Fortunately the Neosmart guys created a solution to watch Youtube videos taking advantage of the video support in HTML 5.

Detecting HTML 5

Since HTML 5 support in browsers is still limited and not the same for all of the available choices, we can’t know for sure if some feature in our site will be available for all users. Luckily Mark Pilgrim gives us a long and detailed article on detecting whether a browser supports a particular feature.

The HTML5 drag & drop disaster

Peter-Paul Koch writes about his experience with the drag & drop module. His conclusion? It’s not just a disaster, it’s a fucking disaster.

HTML 5 Visual Cheat Sheet

WOORK - HTML 5 Cheat Sheet

Woork brings us a very handy and nicely designed HTML 5 cheat sheet:

This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5.

You can download the cheat sheet in PDF or PNG format, both in black or white background, on Woork.

Baseline: a CSS framework based on HTML5

Baseline is a CSS framework that aims to be a basic typographic layout and build a simple grid system, including style for HTML forms and new HTML 5 elements.

This framework uses the font metrics to line up headlines, paragraphs, form labels and other elements on the page baseline, tending to create a nice fixed layout.

Download the zip to test the framework and see some examples.