As part of responsive design a web page should react to the device it is being displayed on and make the most of the available screen real estate accordingly. With the advent of HTML5 & CSS3 the media tag for stylesheet links has been extended to cope with minimum screen heights and widths. It has also been extended to include “orientation”, the following header block correctly loads/references the relevant stylesheet for the orientation of the . . .
A helpful little tool to reduce the amount of typing needed to produce HTML, with a more detailed introduction on Smashing Magazine. Also include a Resharper 5.0 plug-in.