A Cross-Browser Responsive Design Helper: CSS Browser Selector +

CSS Browser Selector + is a tiny JavaScript code that empowers CSS selectors, enabling us to write specific CSS code for each operating system and browser.

It forces no hacks but promotes compliant code and also provides an alternative method of mediaqueries for older browsers.

CSS Browser Selector +

The details it can detect include browser, browser version, platform, platform version, device, device version, min-width/max-width screen detection and orientation screen detection (landscape or portrait).

A sample usage would look like: <html lang="pt-br" class="webkit chrome chrome21 win win8 js orientation_landscape minw_980 maxw_1199"> that is pretty self-explanatory.

2 Comments
  1. Reply hmm January 8, 2013 at 8:28 AM

    on the source page, the link to download is not working 🙂

  2. Reply Umut M. January 8, 2013 at 10:25 AM

Leave a reply

Search