PUBLIC MARKS from srcmax with tag "Media Queries"

include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax.

Interchange uses media queries to dynamically load responsive content that is appropriate for different users' browsers.

Returns a new MediaQueryList object representing the parsed results of the specified media query string.

To optimize for high-resolution screens, you have to add a reference to a larger image asset within a specific media query. So for every image asset you have at a normal resolution (or @1x) you have to add a high-resolution version (@2x). This means double the amount of files, and double the amount of selectors and file references in your CSS.

Semantic client-side device detection with Media Queries

Yesterday John Gruber wrote about the upped pixel density in the upcoming iPhone (960x640 instead of 480x320), and why Apple did this. He also wondered what the consequences for web developers would be.