Archive for the 'HTML' Category

A Periodic Table for HTML

Josh Duck has put together a fun and useful list of the 104 elements currently in the HTML5 working draft but organized like a periodic table of elements:

When you click on one of the tags more information appears:

Who says chemistry can’t be fun?
[via Jackson Harper]

Strobe; A hot new HTML5-touch startup founded by Charles Jolley

Charles Jolley: “I started working in SproutCore almost 5 years ago because I believe the future of software development lies in native-style apps in the web browser. It is the platform of the future and when that shift change happens, I want to be there with the technology. Now, I believe that time is almost [...]

HTML5Rocks.com: Google DevRel shares the love

The Chrome and HTML DevRel team at Google have released a new portal, HTML5 Rocks, that packages together some of the great resources available on HTML5 and the renaissance of browsers.
Whether it be references on what you can do, to readiness to shims to get use features now.

Beyond the resources, there is the killer HTML5 [...]

HTML5: Deja Vu on Ajax

What does Open Web mean?
What does Ajax mean? Is it AJAX or Ajax?
Remember those discussions? We had the arguments … the purists who would shout and scream if you said something was Ajax and didn’t use XHR with async mode + XML as the format. Ajax beat our AJAX and became the new term for [...]

Mark helps you detect everything in HTML5

Mark Pilgrim has a new appendix to his awesome HTML5 book, which collects all of the ways in which you can do feature detection for HTML5.
For example:

<audio>: return !!document.createElement(‘audio’).canPlayType;

<device>: return ‘type’ in document.createElement(‘device’);

<iframe sandbox>: return ’sandbox’ in document.createElement(‘iframe’);

This also highlights how it would be nice to have a way to do CSS feature detection. In [...]

jQuery 1.4 presentation, using Ernest’s HTML5 open source presentation app

I think we are seeing a new meme. Matt Nowack has taken the awesome HTML5 presentation app in HTML5, which is open source, and has created a presentation discussing jQuery 1.4.
It is good stuff, using the fact that you can embed the features that you want to show. Just as long as you can hit [...]

The new element has been added to the HTML5 spec

It is always fun to get a new tweet from Mr. WHATWG and these came through recently:

HTML5: Captions – Stage 1: the <track> element.
HTML5: Captions – Stage 2: the IDL additions.
HTML5: Captions – Stage 3: defining what a timed track and a timed track cue are.

John Dyer noticed the new <track> element too, and noted [...]

HTML5 Extensibility: Here comes the Semantic Web! ;)

Mark Pilgrim continues to create fantastic content for his Dive Into HTML5 book. His latest is on HTML extensibility.
Some folks tried to get us to use RDFa in XHTML (and try to get us doing it in HTML5 too… :/), and we have had the micro-formats folks take a pragmatic approach.
The new microdata work [...]

HTML5 and CSS3 Readiness Visualization

Paul Irish and Divya Manian have created a fun visualization on readiness of HTML5 and CSS3 standards in various browsers.
It uses a bunch of the usual CSS cool-suspects: -webkit-gradient, -webkit-transition, -webkit-border-radius, and the like (and -moz/-o too).
The added feature is…. do a mouse scroll on the page:
PLAIN TEXT
JAVASCRIPT:

 

jQuery(document).bind(’DOMMouseScroll mousewheel’, function(e, delta) {

    var newval,

  [...]

The Best HTML5 Slides Ever

@edr is the man. He did amazing things at Yahoo! and now at his new role at Google he continues in the same vein. This time he has created the coolest set of HTML5 slides ever, using the technology inline.
Take a walk through the woods and learn about all things HTML5. Starting with the JS [...]