HTML5

The Periodic Table of the (HTML 5) Elements

Thu, 16 Dec 2010 15:35:13 -0500

The Periodic Table of the (HTML 5) Elements:

A periodic table of tags including 104 elements in HTML5 working draft and 2 proposed elements which are highlighted with an asterisk. Very useful.

Incredible HTML5 Games

Sun, 12 Dec 2010 06:09:00 -0500

Incredible HTML5 Games:

Here are some fun and interesting interactive video-type games, which were made with HTML5. Check them out and see what capabilities HTML5 have, and have some fun playing the games as well.

HTML5 ★ Boilerplate

Mon, 20 Sep 2010 03:35:00 -0400

HTML5 ★ Boilerplate:

HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.

"Offline": What does it mean and why should I care?

Mon, 13 Sep 2010 10:58:00 -0400

"Offline": What does it mean and why should I care?:

A complete guideline on offline capabilities in HTML5. A must-read!

The wilderness downtown

Tue, 31 Aug 2010 04:50:32 -0400

The wilderness downtown:

An interactive film by Chris Milk
Featuring “We Used To Wait”
Built in HTML5

jQuery.html5form

Tue, 24 Aug 2010 09:39:57 -0400

jQuery.html5form:

HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Internet Explorer, Opera & Firefox.

Sencha: the first HTML5 Mobile App Framework

Tue, 22 Jun 2010 12:06:00 -0400

Sencha: the first HTML5 Mobile App Framework:

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen device.

Sencha Touch is the world’s first app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. We make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. We have made extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.

Altogether, the entire library is under 80kb (gzipped and minified), and it’s trivial to make that number even smaller by disabling unused components or styles.

HumbleFinance: Interactive Graphing in HTML 5

Tue, 22 Jun 2010 05:47:16 -0400

HumbleFinance: Interactive Graphing in HTML 5:

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on Google Finance. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.

[Via webappers.com]

WTF is HTML5 (Infographic) and why we should all care. (via...

Tue, 08 Jun 2010 13:47:43 -0400

WTF is HTML5 (Infographic) and why we should all care.

(via Antonio Lupetti)

Build a HTML5/CSS3 website layout without images

Mon, 07 Jun 2010 04:37:00 -0400

Build a HTML5/CSS3 website layout without images:

Marko Randjelovic show us a way to build a website layout without any images.

Here is the part 2 of this tutorial.

10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)

Mon, 07 Jun 2010 04:12:00 -0400

10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow):

Web Resource Depot presents 10+ free HTML5-CSS3 website templates to help you get inspired and started. If you didn’t already, it is a good idea to warm your hands on HTML5 and CSS3 as they offer so much.

Apple and HTML5

Fri, 04 Jun 2010 10:06:50 -0400

Apple and HTML5:

A page on the Apple website to promote web standards including HTML5, CSS3 and JavaScript.

Video JS

Wed, 02 Jun 2010 13:14:13 -0400

Video JS:

Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.

Open Standard Media Player

Mon, 26 Apr 2010 06:19:34 -0400

Open Standard Media Player:

This media player is much different than any other media player on the market, and we are sure you will be happy with the following list of features it offers.

100% Open Source and 100% free
Written in the popular jQuery framework
Dynamic HTML5 content delivery
Audio and Video support with the most popular media formats.
Automatic Flash fallback for non-standard media.
Easily themable using the incredible ThemeRoller system.
Seamless Vimeo and YouTube integration.
Playlist support
Player to Player communication.

The HTML5 test

Mon, 26 Apr 2010 05:27:00 -0400

The HTML5 test :

The HTML5 test score is only an indication of how well your browser supports the upcoming HTML5 standard. It does not try to test all of the new features offered by HTML5, nor does it try to test the functionality of each feature it does detect. Despite these shortcomings we hope that by quantifying the level of support users and web developers will get an idea of how hard the browser manufacturers work on improving their browsers and the web as a development platform.

HTML5 & CSS3 readiness

Wed, 21 Apr 2010 05:48:00 -0400

HTML5 & CSS3 readiness:

The intention of the visualization is to show how much support exists for each new HTML/CSS feature. 8 browsers (IE 7, 8, 9, Opera 10.10, Safari 4, Chrome 4, Firefox 3.5, and Firefox 3.7) are involved.
The browsers are grouped into color schemes based on their underlying rendering engine - e.g. all Firefox versions are shades of blue, Chrome/Safari - yellow, IE - pink. Each ray also has a different background color if it is a CSS3 feature.
Each browser is represented with a tile on the bar and gets an equal width of space, so if you see a bar that is full, that means that feature has universal support among all the 8 browsers.

Best HTML5 slide ever

Sun, 18 Apr 2010 04:30:50 -0400

Best HTML5 slide ever

HTML5 & CSS3 layout tutorials and templates

Mon, 29 Mar 2010 04:35:00 -0400

HTML5 & CSS3 layout tutorials and templates:

Experiment with the new powerful features of HTML5 & CSS3 and improve your coding skills by trying out these great tutorials and free layouts.

HTML5 & CSS3 checklist

Tue, 23 Mar 2010 09:18:24 -0400

HTML5 & CSS3 checklist

HTML5media enables tags in all major browsers

Wed, 10 Mar 2010 11:11:11 -0500

HTML5media enables tags in all major browsers:

HTML5 video tags make embedding videos into documents as easy as embedding an image. All it takes is a single tag. Unfortunately, not all browsers natively support HTML5 video tags.