Browser specific hacks - css filters

Webkit only css hack (safari, chrome):

@media screen and (-webkit-min-device-pixel-ratio:0) {

body{ background:red}

}

Firefox only css hack:

@-moz-document url-prefix() {

body{ background:green}

}

Opera only css hack:

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       body {background:orange}
 }

IE only css hack:

body { 
 background : green\9; /* IE9,IE8 and below */ 
 *background : yellow; /* IE7 and below */ 
 _background : orange; /* IE6 */ 
}

More:

http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
http://www.evotech.net/blog/2007/04/ie7-only-css-hacks/

Cum sa scrii o extensie pentru Google Chrome

1. Citeste documentatia de la google:
http://code.google.com/chrome/extensions/getstarted.html


2.Creeaza propria ta extensie.
Exemplul meu evidentiaza linkurile atributul "cu nofollow" doar prin background, culoare si caractere italice, dar nu si chenar. (chenarul poate strica uneori layoutul siteului).

Codul este cat se poate de simplu: un css cu urmatoarele randulete:
a[rel~=nofollow]
{
background-color: cyan !important;
border: 0!important;
color: #630 !important;
font-style:italic !important
}


3.Instaleaza si trimite codul tau catre galeria de extensii.

Rezultat: