Internet Explorer 10 doesn’t differentiate device width from viewport width, and thus doesn’t properly apply the media queries in your CSS.
“Above the fold, if you want it sold” is an old phrasing that still is relevant. The most important space on your website is above the fold. That’s where you put the most important stuff.
With the launch of the new iPad all websites instantly became pixelated and ugly. All your neat images and sprites and stuff is now rubbish. You’ll need to remake it all. In twice the width and height.
Currently I’m working with a black design with white large typography and using the normal 12 column 960 grid makes it feel messy and cramped