HTML5 Resources

by Jin, 03-12-10 // 4 comments

If you’re thinking about coding your next web site in HTML5 and are overwhelmed by all the resources out there, please allow me to point you to the only site you need to get started: Dive Into HTML5 by Mark Pilgrim.

The site is laid out in a book format of eleven chapters. So far seven chapters are available. If you want to dive right into the semantics, I suggest start with Chapter Three. If you’re like me who’s interested in the back-story of things, Chapter One is a must read. The chapters are long, but very easy to digest. They also contain great links to other resources. For example, Remy Sharp’s HTML5 enabling script for Internet Explorer and Modernizr, a Javascript detection library. These chapters are from a book soon to be published, titled HTML5: Up and Running.

“I’m not even going to talk about the crazy shit that Internet Explorer 8 does to switch between its four — four! — different rendering modes. Here’s a flowchart. Kill it. Kill it with fire.”

I probably could just end this post here, but I feel inclined to address something I feel the web design/development online publishing communities are lacking these days. There are many good technical sites out there, however not many are engaging to read. I remember back in college, I had several very knowledgeable professors, but they were horrible teachers. Good professors are those who make you interested in the subject. They make a world of difference. While reading Mark’s writing on HTML5, I felt like I was sitting in a class room in front of a quirky professor. His style is conversational but concise, the content is comprehensive but well paced. He’s profane enough to be human but not overly done as to be crass. Go read a few chapters and you will know what I mean.

Another engaging factor is the site design. The retro clip art style and typography match his writing style perfectly. The reading experience is the best I’ve had on a web site in a long time. I love the design so much, I themed this post after it.

When we create web content, the user experience depends on many factors, not only limited to the graphical element alone. Engaging and informative copy, low visual noise, high readability, and appropriate graphics are the key elements of good online presentation.

4 comments

also feel free to contact me on twitter or via email
Paul Randall 03-12-10

What a lovely concept. The ‘Olde’ style is a great touch.

I’ve yet to use HTML5 in anger (other than small projects) but I am sure we’ll all be using it by the end of the year.

Victor Boba 03-12-10

Thanks for the recommendation on what must be a great blog to read. I’ll start reading those chapters so I can become more knowledgeable about design.

As more of a developer than a designer I tend to overlook the subtle nuances that you designer-types find so critical and can’t sleep until you get the page looking JUST right. I guess I’ll just never get it, but I can appreciate how great this site looks.

Great post Jin.

Ida 03-13-10

I love how you manage to make the design fit the content. Even though you moved away from your old design you still manage to pull it off. Really well done. Congrats to that!

Jin 03-13-10

@Paul, I find the best way to truly learn is just to make a site out of it. I had been reading up on HTML5 for a while and felt I had a good grasp on it. But it wasn’t until I redesigned the site, I gained better understanding and importantly, memorized the syntax and quirks.

@Victor, a good design is invisible. It should come out natural to the people viewing it. Of course, to get it to that point requires some thoughts on the designer end. Just like how programmers fine tune their code or DB structure. The end result is a fast loading website/webapp. The users may just see it as a normal and natural experience without knowing what goes on behind the scene.

@Ida, thanks! And good to see you here again!