The future of HTML (HyperText Markup Language)

Tuesday, April 13th, 2010

HTML5 Test. Acid for HTML5?

Category: HTML, Standards 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 Read the rest…

Posted by Dion Almaer at 6:26 am

4.2 rating from 27 votes

Monday, April 12th, 2010

The Future of History

Category: HTML

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 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 Read the rest…

Posted by Michael Mahemoff at 5:52 pm

4.7 rating from 14 votes

Wednesday, April 7th, 2010

HTML5 Forms. What support is there?

Category: HTML

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 email Read the rest…

Posted by Dion Almaer at 6:24 am

4.3 rating from 10 votes

Wednesday, March 10th, 2010

HTML Minification

Category: HTML, Performance

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 Read the rest…

Posted by Dion Almaer at 6:14 am

3.6 rating from 32 votes

Thursday, January 21st, 2010

Jaml: An HTML builder a la Haml

Category: HTML, JavaScript

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: < View plain text > javascript div(   h1("Some title"),   p("Some exciting paragraph text"), Read the rest…

Posted by Dion Almaer at 6:43 am

3.4 rating from 36 votes

Monday, November 23rd, 2009

Zen Coding: Generating HTML from selectors

Category: HTML, Utility

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: < View plain text > HTML html:xt>div#header>div#logo+ul#nav>li.item-$*5>a and it generates an HTML structure like this: < View plain text > HTML < !DOCTYPE html PUBLIC Read the rest…

Posted by Dion Almaer at 6:45 am

3.2 rating from 19 votes

Friday, November 20th, 2009

Full Frontal ’09: Todd Kloots on ARIA and Acessibility

Category: Accessibility, HTML, Usability

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 Read the rest…

Posted by Michael Mahemoff at 11:10 am

3.6 rating from 21 votes

Thursday, October 15th, 2009

Even Crazier Times: HTML Rendering… in Flash

Category: Flash, HTML, Library

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 Read the rest…

Posted by Brad Neuberg at 6:30 am

2 rating from 51 votes

Monday, October 12th, 2009

Crazy Times: Rendering HTML…. in Canvas

Category: Canvas, HTML

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: < View plain text > HTML &lt;html&gt;   &lt;head&gt;     &lt;title&gt;&lt;/title&gt;   &lt;/head&gt;   &lt;body&gt;     &lt;p class="woo" id="render" style="display:none;"&gt;       Rendering &lt;b&gt;HTML&lt;/b&gt;…   Read the rest…

Posted by Brad Neuberg at 6:30 am

2.6 rating from 39 votes

Friday, October 9th, 2009

Making HTML5 Microdata Usable

Category: HTML

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 Read the rest…

Posted by Brad Neuberg at 7:30 am

2.5 rating from 20 votes

Wednesday, October 7th, 2009

View Source Tutorial: Fancy Web Page Using HTML5, CSS, and SVG

Category: HTML, SVG, Tutorial, View Source

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 Read the rest…

Posted by Brad Neuberg at 6:30 am

3.5 rating from 42 votes

Thursday, October 1st, 2009

ChemDoodle Web Components

Category: Canvas, HTML

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. Read the rest…

Posted by Brad Neuberg at 6:30 am
1 Comment

3.8 rating from 22 votes

Friday, September 25th, 2009

Dive Into HTML 5, Intro Articles, and IE 6 Cheatsheet

Category: HTML, IE

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 Read the rest…

Posted by Brad Neuberg at 7:15 am

3.4 rating from 19 votes

Tuesday, September 22nd, 2009

Introduction to HTML 5

Category: HTML

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 Read the rest…

Posted by Brad Neuberg at 7:15 am

4.3 rating from 47 votes

Thursday, September 17th, 2009

Walking through an HTML5 blog site

Category: HTML

Edward O’Connor has created a nice tutorial of HTML5 through the lens of his blog site use case. The HTML5 spec introduces several new sectioning elements to HTML: <article>, <section>, <header> & <footer>, <nav>, <aside>, and <hgroup>. There’s widespread confusion about when to use these elements. I’d like to write a little bit about these Read the rest…

Posted by Dion Almaer at 6:33 am

3.5 rating from 15 votes

Tuesday, July 21st, 2009

Wouldn’t it be Swell to be able to drag and drop between Web and desktop

Category: Framework, HTML, JavaScript

Christophe Eblé has kindly written a guest post on Swell JS and his drag and drop manager that works with your desktop. Here he tells us more: At Swell we were about to create a Drag & Drop Manager just like in other Javascript libraries such as Jquery, YUI, Mootools, Scriptaculous, but we were not Read the rest…

Posted by Dion Almaer at 6:06 am

4.5 rating from 59 votes