Can Hixie’s <Data>leks Exterminate <Time>?

November 3rd, 2011
CSSquirrel #88: Can Hixie's <Data>leks Exterminate Time?

Edit: Roughly twenty minutes after I posted this, the W3C took action on the issue, insisting that the <time> element be placed back into the specification. You can read about it here. But please read on. It’s a good primer for the next time something like this happens.

Contrary to what you may have already heard, the <time> element hasn’t disappeared from HTML.

Yes, officially <time> is currently not part of the HTML spec. (Thanks to the muddle that is “HTML Living Specification” I’ll be honest and admit I’m not sure if is no longer part of HTML5 or it’s in some sort of Schrodinger’s Cat quantum-zombie state of existing in HTML5 but missing in the “ongoing HTML” that the WHATWG is proud to keep rolling down the conveyor belt.)

That doesn’t mean it’s not being used by authors (how’s Drupal builds, 2.6 million WordPress installs and the Boston Globe for you?) nor does it mean that is it not being used by user agents (ever-plucky Opera supports it).

What it means is that a single human being has decided that he doesn’t care for time one wit, and that a rather vague element called <data> can replace it instead.

This human is none other than Ian “The Benign Leviathan Dictator For Life” Hixie, editor for the HTML specification.

I could give you an explanation on how this scenario came to exist, but two Brits who are far more informed than I am (and likely slightly smarter) have made their own summaries. If you like knowing what’s going on (and I do) then go read them. These pair of fine gentlemen, Jeremy Keith and Bruce Lawson, both guest star in today’s comic as the good Doctor thanks to a little spot of regeneration, where they’re fighting the good fight against Hixie’s <data>leks.

Virtually every problem I have with a single person wielding so much power over such a fundamentally important pillar of the web as HTML can be summed up in this incident. <Time> is officially out, despite the lack of merit or consensus in that decision. And it took just one man to make that happen. Either through a lack of awareness or a genuine disregard for what authors are already doing, Ian has claimed incorrectly that <time> isn’t seeing adoption, isn’t useful, and should be canned. And because the only balance to his power is a rather tedious process to oust him, there’s no official remedy to bringing <time> back into the HTML fold than trying to convince him that its existence is a good thing.

From what I understand, it’s easier to keep red shirts alive on away missions than it is to change Ian’s opinion on something.

Fortunately, there’s a big difference between having no official remedy and having no remedy whatsoever.

As “authors”, we are the 99% of HTML5. We can follow Jeremy Keith’s sage advice:

We can make a stand and simply carry on using the time element in our web pages. If we do, then we’ll see more parsers and browsers implementing support for the time element. The fact that our documentation has been ripped away makes this trickier but it’s such a demonstrably useful addition to HTML that we cannot afford to throw it away based on the faulty logic of one person.

So as I said, <time> hasn’t disappeared from HTML. It’s still there on millions of sites already. And nothing is stopping us from putting it on millions more. It’s our chance to send those <data>leks packing. As soon as this post is finished I’m going to edit my site’s theme to make use of <time>. Hixie can go stuff it.

Occupy HTML5.

410, the Croatoan of the Internet

October 5th, 2011
CSSquirrel #87: '410', the Croatoan of the Internet

Last night Twitter was home to a small, short storm of activity around the disappearance of Mark Pilgrim. Which was downgraded to the disappearance of Mark Pilgrim’s websites. Today’s comic (which features Eric Meyer and a random Internet jerk) is not meant to directly relate to Pilgrim’s situation. I’ve certainly poked at Mark before from this site, but I doubt whatever situation made him decide to 410 his online world is a laughing matter. For that matter, it’s also not any of my business.

I was impressed with the speed of online responses to the situation. Tweets led to emails, which led to people scouring contact records, which led to calling the police to get them to check on him. It was a fast, modern response to what could have been a crisis situation, and it helped restore a bit of my faith in people.

At which point, the trolls rolled in.

Meyer made a post about Mark’s online disappearance, pleading for assistance in confirming if he was ok. What followed in his comment section were mostly people hoping for the best or brainstorming ways to contact him.

Then there was a handful of thoughtless comments like this.

I completely agree with Jeremy Keith when he rails at companies like Yahoo for permanently destroying massive corners of the Internet. The thousands of people that made sites (hideous or otherwise) there weren’t the parties responsible for the destruction of the content. In some (admittedly few) cases there were even people still using the aging “first city” of the Web. But there’s also no doubt that many who had made sites there, such as online picture books of their family history, expected their efforts to last forever. Only to have some jerks bulldoze their memories, destroying a huge part of the early Web’s history in one foul swoop.

But when a creator decides they’re done with their own work, let’s not get on our high horses and deny them the right to terminate their own creative endeavors. Is Mark obliged to pay monthly fees for his own websites if he tires of them just because others find them useful? Does a webcomic artist have the obligation to keep his scrawls online forever just in case fans come back to look at them years hence? Does a teenager need to keep all of their embarrassing Facebook posts about how they were crazy-in-love with some girl for 36 hours just so we can all gawk later?

God, I hope not.

Look, if others want to make archives of existing sites in case they go offline, then do so with my blessing. I think preserving our legacy of websites is far better than losing them. But to expect the creator of any work to preserve their own original copy of any piece seems a bit strange. To call them selfish for getting rid of it so is doubly absurd. Should I have preserved every crayon doodle I made in the first grade?

I’ve never seen the 410 status code before now. It’s a strange beast. “Site’s gone, not coming back, move along!” Despite the fact that the Internet’s many sites are so easily lost, we tend to think of them as cast in some sort of digital stone. The idea that a useful site would go away, permanently, on purpose even, is almost too much to accept. But they can go, whenever the authors want.

To me the idea of deliberately burning my own sites seems like it’d be a pity. I did put all the effort into them after all. But I think we all need to remember that there’s a big difference between Nero burning Rome and Mozart throwing away compositions he’s no longer pleased with.

Mark’s many contributions would be sorely missed if they were truly, completely gone. I understand the pain of losing a valued resource. But as others have said, we still have access to archives of them. As for his own sites, they’re his to burn. Here’s hoping he’s going to be ok.

Comic Update: So Cold

September 6th, 2011
CSSquirrel #86: So Cold

In a perfect world, Ethan Marcotte would star opposite of me in a web design-themed, buddy cop action comedy called Beep and the Squirrel.

Actually… I’m writing that one down, just in case.

Until that glorious moment, I’ll enjoy his raw intellect and seasoned wit while envying his creative talent in a suitably stalker-like fashion. (Unless you’re reading this, Ethan, in which case I assure you that I am in no way digging through your refuse bins looking for cast-off brilliant ideas and toothbrushes.)

While we’re in the vein of borderline creepy idol worship, I’m going to agree with Ethan’s succinct tweet on the W3C’s CSS Conditional Rules Module Level 3 Working Draft (which I’ll reduce to the much easier to remember abbreviation “CCR Module”, hereafter nicknamed the “More Cowbell” document). I feel cold.

I’m still perusing the document. Although any judgement leveled while shooting from the hips (hello, ladies) is bound to be rife with bad summaries and skewed views, in my opinion the module doesn’t seem to solve any problems that aren’t already being solved in a better fashion by good CSS practice or other techniques. It’s a lazy man’s shortcut to “supportin’ olla them thar browsers”.

As Dylan Wilbanks said, these aren’t the conditionals I’m looking for.

Just look at @supports, for the love of cheese (or dairy-free cheese alternative for vegans and the lactose intolerant). It lets you test if a browser supports a feature, before (in their examples) you then go and use the feature. What? How bizarre is that? I know in their examples you can get far trickier with not and or and doogie howser, but seriously?

When it comes to the problems that CSS is supposed to solve, although @supports and its ilk would work, they seem to encourage bad or unnecessarily laboriously bloated CSS documents instead of streamlining the process. And when it comes to @document I believe that the authors are trying to make CSS solve problems it wasn’t intended for.

Look, if you’re trying to get your CSS to be flexibly supported across different browsers and devices, I recommend checking out Ethan’s Responsive Web Design, or at least actually using your skullmeat instead of slapping shoddy shortcuts into your CSS. Capiche?

What the font is going on?

September 2nd, 2011

This is a general request for assistance regarding a strange font-related error.

AKA: my brain desperately needs your brain’s help.

I’ve recently added embedded fonts to this site, making use of the lovely @font-face to kick things up a notch. By and large, I’ve been rather pleased with the results. However, I’ve encountered an unusual rendering bug that I’ve never seen before and am having very poor luck locating a solution for on the web.

In short, on some Webkit browsers, some (but not all) of my readers are getting a strange text-overlapping glitch with anchor elements. I can reproduce the problem some (but not all) of the time on Chrome (13.0.782.218) in Windows 7. It seems most of the people experiencing it are using Safari on Lion or iOS, or occasionally Chrome. Which leads me to believe it’s a Webkit-related issue.

Here’s a screenshot of the issue, provided for me by reader (and man of fine taste) Alan Hogan. Additionally, you can just look at this page and if you see any funny text overlaps with anchors, congratulations, you’ve found the bug. I’ve used @font-face with plenty of client websites, and have yet to see a link behave like this before, so I’m a bit surprised at its sudden appearance here. At any rate, I’ve been stumped so far in solving it. (I’m even more stumped at it’s infrequent appearance for me in Chrome).

Stephanie (Sullivan) Rewis suggested in a tweet that it might be related to the difference in size between the text first loading in the default, non-@font-face font and then the @font-face snapping into existence. That seems fairly on-target, but it hasn’t helped me figure out how to correct what Webkit is doing wrong.

If you’ve encountered something like this before and have a solution, I’d love to hear it. Thanks in advance.

Comic Update: Peahen Butter

September 1st, 2011
CSSquirrel #85: Peahen Butter

Today’s comic features inanity, a rather eye-bleeding shade of green, and Dylan Wilbanks. It does not feature any snide commentary on web design or development, a joke at Apple’s expense, or even any squirrel-related humor.

It does however reference the mighty peahen.

Consider this comic something of a mental enema, loosening up the blockage that has been plaguing me throughout the summer.

Quite honestly, I’ve been feeling like something of an imposter over this past year, a lurker in the forum that is the web development/design world. I don’t know if you’ve been paying attention, but it turns out the Internet is chock full of extremely talented website makers. Constant displays of their talent pour from my Twitter stream like Gideon’s moist wool, dripping all over the web with raw, unfiltered awesome. They’re not just rocking my face with their drool-inducing personal website redesigns. They’re not just filling Dribbble with jaw-dropping snapshots of amazing work. They’re drop-kicking monitors until they explode into fancy, limited-edition magazines that you put on the coffee table to impress both the lady you’re courting and your mother.

Look, I’m not saying that Elliot Jay Stocks is a curly-headed, 21st century typographic British Chuck Norris that groin-punched Comic Sans so hard that Bill Gates’ grandchildren will feel it. I’m also not saying that he isn’t.

It comes down to adequacy, and the occasional disheartening fear that you’re not up to snuff. With “you’re not” meaning “I am not”. In a world of Stocks and Santa Marias and Irishes, I’m aware that my design skills (which were never my selling point) are a combination of obsession with green and empty space and not much else, and that my Javascript skills, while far better, aren’t Olympic grade either. I don’t invent Javascript libraries, I just use them. I frequently feel like a Jimmy Olsen in a field crowded with Supermen.

The caveat is that ultimately I’m a commentator in the field, blending humor, a cartoon squirrel and occasionally a sense of outrage into bite-sized portions for people to chuckle at. Ultimately, I’m okay with that. All the way back in the first grade I accepted that my role in life was to serve as comic relief. But some days, which drag into some weeks or some months, I feel so irrelevant even in that role (perhaps without any good justification) that I can’t seem to muster the desire to put something out there.

Dylan, back in the end of June, wrote a piece that on the surface was discussing a spat between usability experts. Underneath that, it goes to the topic of feelings of adequacy as a designer, and a speaker, and even a participant in the always-on social stream of web development. His article got a bit of heat of its own due to perceived attacks on certain outstanding leaders in our field, which for the record I don’t think was his intent or point. But it also touched into a good conversation I had with him a month prior to that in a pizzeria in Seattle.

I’ve met Dylan approximately three times in the flesh, but I’d like to call him a friend. The most recent time was when I went to Web Directions Unplugged (which was an amazing event that I was honored to be invited to as a cartoonist-in-residence). On my first night there we met for pizza then started a small, two-man bar crawl while getting reacquainted and discussing our field. The topic went to the realm of conferences, and our mutual interest in participating in them as more than audience. He told me about his experience as a speaker in a higher education web conference and I mused about an interest in either speaking or even creating my own conference.

My main worry, as shared between pints of IPA, was a nagging concern that I had nothing to offer in a crowded web development conference world where the likes of Mr. Beep himself are there to blow your mind with cutting-edge techniques, Andy Clarke is ready to take an aggressive stance and make you angry, and Jared Spool is going to make you come dangerously close to experiencing a personal brownout in the pants region as you learn your personal limits on how much you can laugh in a single hour. Does the world need another thirty-something white guy who’s only moderately talented to take up a speaker slot in an industry that desperately needs to give more room to the packed crowd of web development superwomen that both we need to see more of and deserve the opportunity more than I do?

In the end, Dylan insisted I had something to offer, whether it be speaking in someone else’s conference or someday making a “Squirrelcon” of my own. Maybe he’s even right. That’s not relevant. But it meant a lot for a man of his experience to insist on my worth over pizza and beer mere blocks from offices packed with employees in Seattle’s various web-centric corporations. Whether he’s speaking to a crowd or just to me, I’ve found him profound.

I don’t need reassurances. I’m not seeking affirmation. I’m not wearing black eye shadow and reading Poe. I’m just getting something written down on this damn blog to get the gears rolling again, and I might as well share the insecurities that caused it to grind to a halt in the first place. Writing it, writing anything, is a vital step to contributing to the stream of awesome web designers that clogs your inbox every day.

Every time I make a prediction about when I’ll next post something, I’m usually wrong. So instead, I’ll say they you’ll hear from me again soon, and I may even be more on topic when you do.