Posts Tagged ‘Browser’

On every website, there are 3rd party scripts that track us (for serving ads, generating stats, displaying content, etc.).

Ghostery is a free browser extension that informs us about these scripts on every page.

And, besides informing, it allows us to block them too and this can be made categorically or item-by-item.


As a web user, such a plugin is so nice. And, as a web developer, it is great as we can instantly see which website uses which scripts or enable/disable them to see how sites behave for debugging purposes.

Ghostery is available for all major browsers and even for mobile.

Sometimes, we need to take environment-specific actions while working on web projects.

Device.js is a tiny JavaScript library that simplifies writing conditional CSS or JavaScript that is based on the platform, operating system or browser.


The library detects them and adds specific classes to the <html> element, just like <html lang="en" class="android tablet landscape">.

But that’s not all. Device.js has JavaScript methods to detect them too. And there is support for all the major operating systems + browsers.

All browsers have different behaviors while rendering web pages. Even their versions have inconsistencies.

Although this is a bad thing, it is possible to make use of these inconsistencies for targeting the right browser and the right version (which is sometimes handy for debugging or applying code that will only be applied by the browser wanted).


Browserhacks is a website which presents a list of browser-specific CSS and JavaScript hacks.

It is a single-page resource, includes hacks for Chrome, Safari, Firefox, IE + Opera and has a cool search box that eases finding the right hack instantly.

P.S. The project is open source and it is possible to contribute it with any new hacks.

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.

Conditionizr is a smart jQuery plugin which detects the user’s browser + pixel ratio and allows serving specific conditional JavaScript and CSS files needed.

It has conditional <html> class additions for the browser and its version in use (like <html class="ie ie8">).


Any script and style can be loaded for the defined browsers. Also, similar to <html> class additions feature, it can add specific classes for retina and non-retina devices.

And, another nice feature is the ability to return the OS of the visitor which is again useful for loading any custom scripts and styles.