html5

“Ever wanted to quickly try something in HTML and CSS?”, asks developer Josh Pyles of Pixelmatrix designs. That is the way he introduced his new side project CSSDesk, and that is exactly what it is.

Built using HTML5 and CSS (with a tiny bit of Flash®), CSSDesk allows you to live mockup a page, or just any UI element right in your web browser. And it looks good, too! I’m still trying to find a use case scenario for myself, but I definitely like the idea of a browser based website editor. It’s tiny steps like these that will eventually lead to a full blown Coda in the browser. But let’s not get too ahead of ourselves.

[tweetmeme]If Sublime Video resulted in a mess in your pants, make sure you take em off before you see for this one. Ambilight for video tag. At first it looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash® versions of the same. What makes this one special, is that it’s written entirely using HTML5.

Okay you may put your pants back on now. Sergei Chikuenok the developer, explains the process (in Russian), so you can follow along using Google Translate and try to make sense of it. In its current state—more to do with his implementation than the technology—the transitions are kind of jarring and distrating. But given that anyone (with the skills) could achieve such effects, the future of Ambilight for video tag looks bright indeed.

[tweetmeme]As the world gets closer with HTML5 video (YouTube and Vimeo recently began beta testing their HTML5 implementation), here’s SublimeVideo by Jilion, that’s sleek, functional, and gives you a glipse of what the future in web video will be like. It’s still in beta right now, but the final release will be free for non-commercial use. You can watch the beautiful video on webkit based browsers—Safari and Chrome (even on the iPhone).

While you’re there, you’ll notice the top notch design of the website, right from the colours, typography (museo!), icons, and fancy javascript. Even if HTML5 doesn’t mean pants to you, check out the website, but be sure to watch the drool. And once you’re done, check out their main site and blog for additional pixel-high.