In his latest book Malcom Gladwell claims that talent doesn’t make one successful. It’s more about practice and being lucky. He makes his point with insightful examples which can hold their claim. The Beatles are one example. They were lucky enough to be invited to play in Hamburg, Germany in 1960. In Hamburg they played seven days a week for eight hours straight! In those trips they made to Hamburg they played twelve hundred times together which is quite unique. So you can conclude that The Beatles had a lot of practice.

According to Gladwell it comes down the the 10.000 hour rule.  If you practice something for 10.000 hours you’re bound to get good at it. Outliers: The Story of Succes is loaded with great examples which demonstrate this 10.000 hour rule.

How does this 10.000 hours of practice apply to a designer?
Dee Barizo made a blog post about how to practice as a designer. He gives some great pointers:

• Practice is not enough, you need to improve. Doing the same thing over and over again won’t help you unless you improve.
• Seek feedback. Without feedback it’s hard to determine if you improve.
• Don’t overdo it. Your brain can handle so much, straining it won’t do you any good.

So, stop reading this blog and start practicing!

P.S: Dee Barizo talks about another book Talent is Overrated by Geoff Colvin. I haven’t read it but it looks very similar to Outliers. Fascinating.

As web designers we have the difficult task to make sure a website looks nice in all sorts of browsers.With the release of Internet Explorer 8, Google Chrome and Safari slightly but surely taking a bigger piece of the browser pie we have to check our creations in at least 6 different browsers (including Internet Explorer 6, Internet Explorer 7 and Firefox).

I’ve looked at four different ways to check websites in several browsers in order to find the holy grail of cross browser testing. I’ve researched four different options and found one option to be the best. Read on if you want to know whose the winner. (Please take note that I’m talking about cross browser checking on a Windows machine. Some information might still be valuable for Mac users though.)

1. Litmus

Litmus in a web application is which let you test a website by giving it the URL. It will return screenshots from up to 23 major browsers (including the six above)! So theoretically you can test your website in all major browsers. But the problem is you only get a screenshot. So you can’t test the interaction of drop down menu’s or forms, which is a big miss.

Pro

• Web based so no need to install something on your PC.
• Covers 23 different browsers.

Con

• Free version only allows testing on two browsers. (Else it will set you back for at least $24 a day or $49 a month)
• You only get to see screenshots so you can’t test any interaction.

2. Microsoft Expression Web SuperPreview

‘Wow, it’s got SUPER in the title so it HAS to be SUPER right?’. Not really. SuperPreview lets you view your website in Internet Explorer 6, Internet Explorer 7, and when installed, Internet Explorer 8. It has great features like overlaying the IE6 version over the IE7 version or you can place them side by side so it’s easier to track differences. But it also has great disadvantages. It’s not possible to click links or test interaction (drop down menu or forms) and there is no way to use tools such as the Internet Explorer Developer Toolbar which make it easier to solve the problems. But the biggest problem is that the rendering engine isn’t working correctly! There were some major differences in the rendering with Superpreview compared to the rendering of a native Internet Explorer 7. Which renders (no pun intended) Superpreview useless. It’s still in a BETA stage so hopefully they can fix these problems, maybe then it would be a great app but for now it’s still lacking.

Pro

• It’s free (at least for now)
• Easy to track differences

Con

• Not easy to solve problems (no support for Internet Explorer Toolbar)
• Only displays Internet Explorer versions. No Firefox, Chrome or any other non-Microsoft product.
• Unable to test interactions such as drop down menu’s or forms.
• Rendering engine is seriously lacking.

3. IETester

lETester is a webbrowser which enables the user to open tabs using different Internet Explorer rendering engines. In the latest alpha version you can test websites with Internet Explorer 5.5, 6, 7 and 8! You can click links, use forms and test drop downs just like a normal website.  A great tool but the only thing lacking is the Internet Explorer Developer Toolbar making it easier to track down and solve problems.

Pro

• Enables testing for Internet Explorer 5.5, 6, 7 and 8.
• It’s possbile to test interaction such as clicking links, filling out forms and functioning of drop down menus.

Con

• Not possible to use the Internet Explorer Developer Toolbar.

4. The Answer: Using Virtual PCs

Virtual PC is an application developed by Microsoft. With Virtual PC you can simulate a virtual desktop PC with a Windows operating system of your choosing. Using Virtual Hard disks you can create different PCs with different browsers.  So for example you can create a Virtual PC running Internet Explorer 6, Chrome and Safari (for Windows). Another Virtual PC can run on Internet Explorer 7 and another can be used for testing Internet Explorer 8.  Testing in an environment which is an exact copy of the environment of the user is a big plus! You can test all the interaction and use the Internet Explorer Developer Toolbar to iron out those last bugs. Setting everything up can be a hassle but it’s worth it.

Pro

• Testing browser in the same environment as the user.
• It’s possbile to test interaction such as clicking links, filling out forms and functioning of drop down menus.
• The ability to use the Internet Explorer Developer Toolbar.

Con

• It’s a hassle to set up.
• You have to maintain the Virtual Hard Disks as they tend to expire after a certain date.

As you can see testing for different browser can be a bitch but in a way you get a great sense of achievement when your website is running smoothly in all those different browsers. Do you have a better way to test websites in different browsers? Let me know!