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 [...]
It’s still early work but James Urquhart has gotten HTML rendering inside the Canvas tag. In his demo, he renders the following HTML into the Canvas element:
PLAIN TEXT
HTML:
<html>
<head>
<title></title>
</head>
<body>
<p class="woo" id="render" style="display:none;">
Rendering <b>HTML</b>…
</p>
<p><span>In <b>Canvas</b></span>!</p>
<p>0_0</p>
</body>
</html>
It’s still pretty simple, but [...]
This is really awesome; I’ve long thought that applying usability studies to APIs like we do for user-interfaces can yield real results and make development easier.
The HTML5 spec recently had something called microdata added to it. The idea behind microdata is to allow HTML to be annotated with machine-readable data.
A natural question is whether developers [...]
I recently ran across a site that made my jaw drop when I realized it’s completely made with HTML5, CSS, and SVG. It’s the site for the GNU Emacs for Mac OS X release:
Who ever knew GNU Emacs could look so sexy? When I think of GNU Emacs I generally imagine Richard Stallman’s beard rather [...]
Via jzornig comes news of a cool set of components written with HTML 5 and the Canvas tag:
ChemDoodle Web Components are pure javascript objects derived from ChemDoodle™ to solve common chemistry related tasks on the web. These components are powerful, fully customizable, easy to implement, and are free under the open source GPL license.
The page [...]
I’ve come across a few nice educational articles on HTML 5 recently I want to share.
The first is from Mark Pilgrim, who has been writing a new book called Dive Into HTML 5. He has put up two chapters already, “Detecting HTML5 Features: It’s Elementary, My Dear Watson” and “Let’s Call It a Draw(ing Surface).” [...]
Are you interested in HTML 5 and what’s coming down the pipeline but haven’t had time to read any articles yet? I’ve put put together an educational Introduction to HTML 5 video that goes over many of the major aspects of the new standard, including:
Web vector graphics with the Canvas tag and Scalable Vector Graphics [...]