Our websites are getting more creative with the use of HTML5, CSS3 and the super-awesome JavaScript. But haven't the recent bandwidth upgrades spoiled us? Have we forgotten about optimising our websites? It think so, and it's time to change that.

I'm always on a lookout for some tools that could aid me in making my design & front-end development workflow faster, more streamlined and productive. Here are 10 apps for Mac, I see as essential when coding websites and web apps, to do it efficiently. No, a Twitter client is definitely not one of them.

Dribbble Playoffs are a great way to get creative and give a certain idea your own, individual twist. But what happens when big companies, such as Volvo start harnessing its power? Does it become spec work?

When you already have your design done, it's time to move up a step and get it coded. Here's a quick primer on how I do it, based on this particular website, using a couple of handy tools, to help me make the most of the process.

When you're meddling with lots of prefixed attributes and values in CSS, your code can become a mess. The obvious thing to blame are gradients, due to their complex syntax structure.

Launching a new website isn't something you can do quickly. To maintain a certain level of stability and functionality you have to keep working on it, until it's done, tested and approved. Or you can release it in stages. That's why I decided to start over with a blank canvas, and slowly build each section of my website, one by one. With live updates.