HTML CSS JavaScript

Owing to the contrast on the A/V system, my last slide was illegible, so here are all the links that folks couldn't see.

The presentation itself:
HTML5 + WordPress

And the resource links:

The working group
http://www.whatwg.org/
Mark Pilgrim's HTML5 book
Dive into HTML5
The Modernizr library
Modernizr
The outliner
http://gsnedders.html5.org/outliner/
The post talking about Kubrick
I’m Messing Around With an HTML5 Version of the Default WordPress Theme

My other sites:
DrunkenFist.com (art portfolio)
@robreact

I'll have video of the presentation up shortly (I hope!)

We relaunched the Cramer blog today. It's a soft launch. We're hoping to shake out any kinks over the quiet time around the holiday. I did the initial HTML5/CSS3 templates and then shepherded the project for a couple of weeks* until I was freed up enough this past week to get the thing out the door.
Read the rest of this entry »

I've always preferred the "IE Box model." I've always wanted width to actually be the width of the element. Instead, I've been forced, for years, to break out my math skills to calculate "actual" value of the width property by subtracting padding, margin and borders. That still seems broken to me after all these years.

I'm not alone in this. Here are some big shots sharing their thoughts on the matter:
Read the rest of this entry »

As I've mentioned I'm doing a couple of HTML5 implementations and in one of them I was faced with some "post" boxes in a Wordpress theme that featured both rounded corners and a drop shadow. Since I'm using already using Modernizr, which exposes specific CSS3/HTML5 feature support on the HTML element, I figured I'd do a little bit of extra work and use some CSS3 magic to make the design happen in modern browsers. For this post I'll skip the extra work bit (a little JavaScript to insert extra markup in for Internet Explorer/Opera) and just look at the implementation for fancy new browsers (Firefox 3.5 and the latest/greatest Webkit based browsers.)

First, let's look at it in action (this will suck in IE/Opera)
Read the rest of this entry »