CSSquirrel A look at web development and web design by Kyle Weems

Today’s comic does not precisely plumb the depths of the web standards world. There’s no CSS compatibility joke, no HTML5 politics, and not even a dig at Opera. Which, I know, is a major drag for you all.

It serves two purposes. The first is to look back at the fun I had participating in SitePoint’s podcast “HTML5 is a (Beautiful) Mess“, and pay homage to the gentlemen I had the pleasure to speak with: Canadian Kevin Yank (as one of the fellow speakers put it, is there a Kevin Canuk in the US somewhere?) and Brits Ian Lloyd & Bruce Lawson. Such fun, idyllic moments like debating HTML5’s wrecked politics are too delightful to go unchronicled.

The other purpose relates to Kevin’s first joke in the podcast. He asserts (falsely) that we’ve gathered to discuss the recent troubles plaguing NBC’s late night line up, in particular the Leno vs O’Brien issues of the Tonight Show. This joke threw Ian and Bruce, who aren’t plagued daily with American late night talk shows, but it sparked in me the remembrance of a tweet I once received from one @GeekGamerGirl that made my heart sparkle: CSSquirrel is The Daily Show for web designers. Don’t stop, we need you to make up for all the bitchy little girls out there.

So today’s comic is more of an announcement. I am in the process of devising a “late night” talk show that the Squirrel will host, featuring interviews with cartoon representations of various web designers/developers/standardistas. It’ll draw from the mighty traditions of the Tonight Show, The Daily Show and Space Ghost: Coast to Coast, and in theory will be a plug-in free experience brought to you in part by HTML5, JavaScript and vector tree-climbing rodents.

So, screw Leno or Coco. I’m with Squirrel. (For those who miss the reference in the last panel, it’s a play on the “I’m With Coco” badge by artist Mike Mitchell).

Yes, the shameless self-promotion is concluded. Enjoy your day.

On Wednesday I had the honor and pleasure of participating in a podcast recording session with HTML5 Doctor Bruce Lawson, Beginning Web Design author Ian Lloyd, and SitePoint’s Kevin Yank in a discussion about HTML5, and whether it’s just exploded over all our face.

The end product, “HTML5 is a beautiful mess” is now up at SitePoint. I’d be tickled pink if you took the time to listen.

As you may recall, I discussed ranted about this subject on Monday with the strip The HTML5 Show (AKA a Mess) and the related post.

Mostly, HTML5’s a mess in the political sense. The organizations behind it (W3C and WHATWG) are increasingly in conflict with one another. Additionally, in my opinion, Ian Hickson is increasingly disregarding any attempt at a legitimate process and simply putting what he pleases in the spec, as he pleases.

The podcast touches on that matter, and spins out to the state of the actual implementation of HTML5 itself, whether there’s a challenge in getting designers and developers to start using it, the issues of accessibility in <canvas>, and how delightful it’d be to move past plugins.

If I have one beef with the whole podcast, it’s the fact that I’m talking with a pair of Brits. Which, as every movie-going American knows, instantly sound more clever due to their crisp accents. Also, if the transcript is any guide, my sentences tend to roll off the rail quite a bit, inflicting casualties to adherents to the English language.

So, if you have the time, please go have a listen, and then please come on back here and post any thoughts you had at my butchery of verbs, the points that the participants brought up (or even better, the points we didn’t) and how lovely Bruce Lawson’s voice is.

HTML5 is a mess.

That was a phrase in my Refresh presentation in December, when I was speaking of the dueling organizations jockeying for control of the spec.

At the time of my writing, I did not know how clean it was by comparison to its status today.

Today’s comic features Hixie the Leviathan interrupting a Muppet-show like meeting of the W3C HTML5 group. Blame the parody of Henson’s creations on the commentary of one Mr. Jeremy Keith. Tweets like this are candy for people like me. The comic also features Sam Ruby, John Foliot, Manu Sporny, Jeremy Keith and Bruce Lawson as Muppet parodies.

The fact is that it seems that Ian “Hixie” Hickson, the HTML5 editor, has taken his ball and gone home. He’s started splitting out the HTML5 spec on the W3C side of things into a shredded mess, by his own words with the hope that if the W3C spec becomes a giant mess, people will drift to the WHATWG spec by default. He’s petulantly insisted that microdata (his own creation) is part of HTML despite the recent W3C work that resulted in it being moved out of the spec. He states that the WHATWG spec trumps the W3C spec, so the latter organization has to get over itself and get back with the program. He’s implied that he’d prefer authors (that’s web designers/developers) stop using HTML5 features as much as they have because it’s causing problems. (This further reinforces my belief that Hixie is following an Implementer > Author > User mentality instead of the User > Author > Implementer mentality that HTML was built upon.) He’s made HTML versionless, insisting that HTML5 is a snapshot that he’s already gone past, and is sitting as monarch for life on the continuing evolution of the spec.

All this from a guy who’s catch phrase seems to be “I don’t understand.” Which is, to me, a dangerous trait in a person empowered with absolute rule over the spec.

In short, like Jeremy, I’m frustrated with a lot of the recent HTML-related issues from the front of advocacy. I’ve tried to sell HTML5 (and it’s grab-bag of toys) to co-workers, peers in web design, total strangers, and friends who didn’t escape a conversation early enough. I want to see it used more, so the browsers speed up implementation of juicy features, so I can use it even more excessively, and so on.

But if people don’t even know if HTML5 exists anymore, or the status of the organizations working on it seem to be out of whack, why would they bother using the <video> tag or exploring <canvas>? We need to give people something to work with. Which means we need to not have insane grandstanding by a single individual.

But hey, this is just one squirrel’s view: HTML5 is a mess.

When all else fails, I resort to poking a little at Opera in good jest. I take these sort of risks because Oslo is very far away and the last invasion of North America via the Scandinavian peoples was over a thousand years ago. If anything, it’s far safer than my cheap shots at Microsoft, when my town is less than two hours away from Redmond by car.

Today’s comic is one of those little jabs at everyone’s favorite European browser maker. I’ve got issues with Opera that this comic makes light of (while wishing squirrel snogger and Opera employee Bruce Lawson a belated happy birthday). Yes, Opera is a far smoother experience for modern web features than Internet Explorer. That’s not in question. But I’m getting a bit exhausted by the relatively slow adoption speed of CSS3 features by the browser in comparison to the increasingly popular Firefox and Webkit-based browsers.

Rounded corners are, admittedly, largely a non-issue. If visitors using Opera get square corners in a design, I’ve taken steps to ensure it’s at least a good looking square design. It’s an example, though, of a slew of features that Opera’s failing to keep pace with. Due to this lack of universal browser support (in the modern browsers, at least), It is hard for me to sell adoption of these designs to clients when roughly 1% of a customer’s visitors are getting a bad experience as a result.

Take for example, Jonathan Snook’s text-rotation tutorial. It provides a way (via filters) to get even IE to come to the ballgame with producing vertically-oriented text. Everyone, except Opera, can play with this toy. Even if IE couldn’t, thanks to conditional comments, I could provide a fallback solution for that browser. But as Opera lacks such (and I’m not recommending they adopt conditional comments), there’s no way with just CSS to provide an acceptable fallback that makes the browser not create something hideous with the text out of place. (I’ve concocted a JS-based solution, but I don’t want to have to rely on that to get CSS to work).

Opera’s not alone in the modern browser category in being the last to adopt a given feature (I’m looking at you, Firefox), but there’s definitely a lot of seemingly basic CSS3 techniques that the browser’s fallen behind on. Just because you can wait on adoption, gents, doesn’t mean you need to do so. The future isn’t coming any more slowly, and designers will have to jury rig solutions that would be solved much more cleanly with CSS if you’d keep pace.

Or, even worse, there could be more situations such as when I’ve suggested to some people who’s sites don’t have any notable Opera traffic that they just not sweat Opera support at all. With as small a market base as you have, it’d serve you better to keep pace (rather than not sweat the details, as Microsoft can afford due to its market share).

Curious about a browser’s support for various features? Check out When Can I Use.

Today’s comic, featuring Jeff Croft in a fictional scenario where he’s rebuilt into a duller, less spontaneous being by Jakob Nielsen after a tragic karaoke accident, is something of a lighthearted poke at the death of spontaneity in the name of… well, I’m not sure what, exactly. (It also guest stars Bruce Lawson as the HTML5 Doctor)

The sequence of events that inspired this micro-drama is as follows: Firstly, Jakob Nielsen decided to talk about iterative designs in tweets (or as he likes to dress them up: “stream-based postings”). He guides us through a process where in only five easy steps he has drained the blood from a sample tweet, leaving a dried husk that will rise in thirteen days to join the legions of humorless drones that find the useit.com design both fascinating and useful.

After this, Jeff Croft cuts through the meat of Jakob’s ‘findings’ with a tweet that probably did not require five iterations: “An article by Jacob Nielsen on how to take all the spontaneity and humaneness out of your tweets in five easy steps…”

Granted, at least one iteration more might have helped in his case to get Jakob spelled right.

The fact is, Jeff hit it on the head. If you’re writing down your tweets and re-writing them repeatedly to maximize some sort of marketing message, you’re not tweeting. I’m not sure what you’re doing, but I’ll bet that most people that see the message can see what it is, canned artificial crap. You don’t have a medium of micro-messages just to waste all the time and effort of a proper e-mail or blog post on a single sentence. Spending that effort on the message not only is contrary to the purpose of the medium, it’s counterproductive when the end result is what Nielsen presents, complete with shouting-style caps, months in parentheses, and different wording to make it “punchier.”

I’m going to say Jakob Nielsen does not know what “punchier” actually means. If he did, useit.com might not look like a canary got stuck in a mid-90’s school administration newsletter.

Tweet how you like, but if you spend a half-hour at a time maximizing your tweets in some sort of business formula, don’t be surprised when people stop paying attention to your massaged marketing attempts.