Posterous theme by Cory Watilo

Filed under: Developers

-webkit-* Matters!

This article is for people who are passionate about the web.

 

If you haven't been living under a rock you've probably heard about the whole -webkit- scandal that's going about. I won't link to anything because I really don't know where to start, but here's my take on how this will play out.

Browser vendors will have to weigh "backwards compatibility" against standards. How this might end is badly. Remember the first browser to reach version 10? It was not Chrome, it was Opera.

When Opera changed their UserAgent string to Opera/10.00 half the internet started breaking becuase of a bad sniffing technique. The developers only had to make a few keystrokes' worth of changes to their codebase to adjust the new version 10.

What happened in reality was Opera had to change its UserAgent string to Opera/9.80 and add a separate Version/10.00 pair at the end. This is still in there today, and will probably remain there for quite a while.

Think this is a horrible hack? Now imagine -webkit-transform being interpreted by Firefox.

I hope it won't come to that, but I really think it might.

Semantic

One article on Smashing Magazine really stirred up the internet.
The author, Divya Manian, ambiguously presents a problem most web developers are facing: semantic markup is hard.

While I do employ as many new, semantic elements as I feel confident with, I know and see this is not the case with many, many web development studios. The reason, as Divya pointed out, is that good examples and tutorials are hard to come by.
I also pointed out that when someone sees these new elements put to good use, they feel intimidated. Like looking at Air Jordan play basketball.

So people drop the semantics and stick to their divs and spans, which are not that horrible, but are definitely not the future either.

The problem today really is that people learn by example and they are always in a hurry. If they cannot find something to copy, paste then hack to work, they move on to another solution that provides that comfort.

While Divya was only pointing out that going too deep down the semantic hole gets your users nowhere, people read that as "semantics are for sissies" and just went apeshit in the comments. And all over the internet.

Kids, use semantic markup to the extent you're comfortable with, but then go home and read a little about how you could do better.
Then do better. 

Loving WhatFont!

WhatFont is a tool for instant font inspection in webpages.

We recently became acquainted and I think we're in for quite a ride together.
What the Chrome plugin lets you do is discover the used fontface of any element on any page on the web. It comes in handy for debugging as well, if you're into that kind of stuff.

Have a look at the screenshots of WhatFont in action:

(download)