Most product websites will layout a bunch of images and text content on the page (maybe even a slick video if you’re lucky) and expect users to make sense of it all. Flow (by MetaLab) on the other hand uses some simple, fun, animation effects to facilitate a visual point of reference, narrating (or aptly: ‘flowing’) the user through the rest of their product experience; discovering more about this task management app – great stuff!

Drumbeat – Mozilla’s flagship festival focusing on net-neutrality, openness, and freedom of learning and expression – begins today in Barcelona, Spain. After spending an evening scoping out the scheduled events, workshops, and folks involved, here are some of my MASSIVELY cool highlights and things to watch out for in 2011:

If you, like me, have been dabbling in HTML audio embedding recently, then there’s a likelihood you’ll have found out there’s little cross-browser consensus for embedding HTML5 audio. There’s a high chance, if you’ve been using tools like jPlayer, that you will need two types of duplicate audio files:

.mp3 and;

.ogg

Here are two useful – free -conversion tools I’ve found over the past few weeks:

Update 16/12/2010

The new HTML5 specification introduces the form input placeholder attribute, which allows us to define a hint to help users fill out input fields. If you’re using a WebKit-based browser right now you should find working examples of the new input placeholder in use on this page.

Working with form elements, especially labels, can present a dilemma for many…

Problem:

Simply put; you’d like to be able to insert media (notably images) into your new WordPress 3.0 posts and pages – and any other website page – and ensure the dimensions fill the column width, helping to:

I received a wonderful tip-off from one of my colleagues this week via Slashdot. My dreams had come true and along with it sanctimonious giggles for all the people I’ve known in the past who’ve worshiped Internet Explorer enough to waste time and money on supporting the browser’s lack of CSS support, rather than engaging with – let’s face it – more useful and engaging tasks; tasks we should all justify and convince to our clients before a project begins.