@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 [...]
Chris Winberry needed an HTML parser for a project he was working on and started to use John’s parser but found it to be a touch too strict for some of the HTML he was using (sloppy HTML? never). It was also too heavy to run on a server that would see considerable traffic, [...]
html5test.com is a site by Niels Leenheer that runs a series of (currently) 160 tests on your browser. The tests are grouped into:
Doctype
Canvas
Video
Audio
Geolocation
Storage
Offline Web Applications
Workers
Section elements
Grouping content elements
Text-level semantic elements
Forms
User interaction
This is a good start, but help him out with new areas to test! Having a simple “count” did wonders for Acid in many ways, [...]
Kyle Scholz has a good overview HTML5 history (spec here). We’ve seen more and more apps adopt the fragment identifier pattern, where you get URLs like http://www.viewru.com/#Bonobo. Better than nothing, but Kyle observes there are several downsides:
Sluggishness
Executing a timeout function every 100ms won’t make your app any faster.
100ms delay in responding to [...]
Jonathan Snook wrote about HTML5 forms and how they are coming. One of the biggest parts of HTML5 is the fact that we get lots of new tags as well as the APIs that we talk most often about.
Part of this is forms, and the new types that we get:
search
tel
url
datetime, date, month, week, time, and [...]
Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage.
What does it do?
Kangax has forked John Resig’s HTML parser which parses the HTML and sends that into the Minifier. This has rules that do things like whitespace optimization, comment removal, and collapsing boolean attributes (e.g. disabled=”true” [...]
There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side.
Jaml lets you write HTML like this:
PLAIN TEXT
JAVASCRIPT:
div(
h1(”Some title”),
p(”Some exciting paragraph text”),
br(),
ul(
li(”First item”),
li(”Second item”),
[...]
Normally we use CSS selectors to find and tear apart HTML. Sergey Chikuyonok’s jujitsu move is to do the opposite. With Zen Coding you take a CSS selector like this:
PLAIN TEXT
HTML:
html:xt>div#header>div#logo+ul#nav>li.item-$*5>a
and it generates an HTML structure like this:
PLAIN TEXT
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<title></title>
[...]
Todd Kloots is talking accessibility and ARIA, with examples showing how YUI nicely supports these techniques. He explains how to improve in three areas: perception, usability, discoverability.
Can We Do ARIA Today?
Yes.
Firefox and IE (he didn’t say which version) have really good support for ARIA. And Opera, Chrome, and Safari. Likewise for the screenreaders - JAWS, [...]
On Monday we saw someone rewriting an HTML renderer in Canvas. Continuing the fun times we see an open source project that does the same thing, but using Flash ActionScript thanks to one of the comments on our last post:
Wrapper is a cross-browser compliant HTML/CSS rendering engine written in ActionScript that sits on top [...]