Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and more

Posted by fg on 02/08/2011

Mobile-first Responsive Web Design may just be the most practical and forward-looking way to address the multitudes of devices and browsers that reach your site. But lack of native CSS3 Media Query support in Internet Explorer 8 and under (among others) presents a serious challenge to the technique.

Filament Group's own Scott Jehl has released a script to address the problem, and also achieves mobile-optimized filesize (3kb / 1kb gzipped) and near-native performance. You can learn more at the project site on Github: Respond.js Project (documentation here).

Comments

Great !
Will it be merged in jquerymobile source code ?

Comment by Eric Priou on 02/09  at  10:56 AM

Sounds great!

A mighty bit smaller than http://code.google.com/p/css3-mediaqueries-js/ - which is like 16kb. I’ll definitely be trying this out.

Comment by David on 02/10  at  03:25 PM

Damn! I need this for sure.

Comment by Gaurav M on 02/11  at  12:03 AM

Hi Eric,
Good question. I think we’ll need to give that some thought, particularly once the project begins work on scaling the layouts and components to tablet and desktop interfaces.

Comment by Scott (Filament) on 02/14  at  10:28 AM

Yeah ! Moreover since Nokia enters also in the bandwagon…

Comment by Eric Priou on 02/14  at  11:14 AM