adamdbradley/foresight.js · GitHub

Foresight.js gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage.

Device-Agnostic Approach To Responsive Web Design | Smashing Coding

“This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices.”

How I'm implementing Responsive Web Design – JeffCroft.com

Excerpt: “Although CSS media queries get all the love in design circles, I’ve [Jeff Croft] been experimenting with using Javascript to manage the breakpoints in a responsive or adaptive layout, as well. There are definitely pros and cons to both approaches.”