Posterous theme by Cory Watilo

Youtube's Playlists

Screen_shot_2011-11-27_at_16

I really enjoy having them, but they need a bit of work.
Let me paint you a picture:

You've lined up 8 videos and start watching them. You go to fullscreen and watch a couple of videos.
Youtube gets points here for the smooth transition between videos while in fullscreen.
Now, you need to exit fullscreen. In the middle of the video. With the video still running because it's a standup, say.

Youtube does a full refresh after exiting fullscreen. Why?!

It totally kills the mood. No matter how fast you connection is, you still get a second of pause. 

The funny thing is that the flash player is already playing the correct video. All they need is to repaint the DOM. They could do that on the fly, with Javascript. And they could use pushState to change the URL, as well.

Youtube are already doing a great job with Cosmic Panda, I wonder when they'll give this some attention.

Fix the New Grooveshark in Opera (UPDATE)

UPDATE 2: Grooveshark have revamped their interface and it looks like they considered Opera this time. It works like a charm on Opera 11.52.

UPDATE: I'm having no problems whatsoever with Opera 11.10 and Grooveshark!

And the new Opera version is pure awesome!

(original article follows)

Grooveshark have launched a new version of their website and it no longer requires Flash.
It's all HTML5 and it looks awesome!

However, there is a small issue with running the website in Opera. The player scrolls up and down when it should stay fixed.
In their defence, they did say that the site is not yet compatible with Opera yet. But I didn't believe them and provided them with a fix for the issue.

The solution is to slightly modify the CSS declaration for body by adding a position: relative; to the properties. This small fix resolves the scrolling issue.
I've already submitted the fix to Grooveshark, but have yet to hear back from them.
In the meantime, you can add a small site specific user CSS file for listen.grooveshark.com and add this in it:

body{
    position: relative;
}

Enjoy the all-new Grooveshark!

Thenewgrooveshark

Click here to download:
gs.css (0 Bytes)

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.