It's obvious, well at least to me, that the future of the web is headed towards responsive web design. One major piece of technology needed for responsive web design to function is CSS media queries. The ability to specify a stylesheet to be used in a specific media type was introduced in CSS2. In CSS3, media queries were introduced to extend that functionality, allowing for conditions such as minimum screen width and minimum screen height. Media queries make possible the adaptive layouts used in responsive web design.

Before responsive web design, fluid layouts were used to accommodate different screen sizes by sizing elements using percentages; however, this did not allow for rearranging of items on a webpage. Media queries allow us to change the layout of a page depending upon the size and resolution of the screen on which the web page is being viewed....Read More