Cuando uno diseña un sitio web es imposible quedar bien con todos, siempre habrá gustos particulares que cada quién preferira (algo que aprendimos con la nueva imagen de Foros del Web). O aún peor, cuando el dueño del sitio (o quién lo creo) no sabe nada de diseño y aún cuando el sitio nos lastime nos sigue siendo útil.

Es en estos casos que Stylish se convierte en una gran extensión. Por ejemplo yo odio la publicidad en los sitios que frecuento y jamás hago clic en los anuncios (es más bloquee el dominio de adsense y demás parásitos XD), por eso le dedico unos minutos a crear un selector que elimine el espacio ocupado por la publicidad o cualquier otra cosa que no me guste. Para crear dichos selectores, se usan las reglas para comparar URLs:

@-moz-document url(http://www.w3.org/),
               url-prefix(http://www.w3.org/Style/),
               domain(mozilla.org)
{
...
}

En este ejemplo, los selectores definidos dentro de ese bloque solo aplicaran a:

  • La página específica de “http://www.w3.org/”
  • Cualquier página cuya URL inicie con: “http://www.w3.org/Style/”.
  • Cualquier página dentro del dominio “mozilla.org” (incluyendo subdominios)

Otro ejemplo práctico es de como oculto unos avisos de WordPress.com sobre los posts en su blog, si ya estoy suscrito a este, me están duplicando información ¬¬ :

Usando estos selectores oculte ese aviso:

@-moz-document url(https://jaroche.wordpress.com/wp-admin/), 
      url-prefix(https://jaroche.wordpress.com/wp-admin/index.php) 
{
#wpcontent .updated:not(#message) {display:none !important;}
}

Bastante simple, ¿No? Esto mismo se puede lograr sin instalar Stylish, usando el archivo userContent.css pero yo prefiero agregar una extensión mas, por comodidad que Stylish ofrece de agregar nuevos estilos, sin reiniciar firefox:

Otro punto fuerte de Stylish, es que cada estilo que uno crea lo puede compartir con el resto del munto en UserStyles.org (pueden ver las mías), alli encontrarán cientes modificaciones a sitios populares, solo vean todas las que hay para los sitios de google. Lo bueno es que todos esos estilos te pueden servir de base para crear los tuyos. El único límite son los selectores CSS que Gecko (el motor de Firefox) soporta.

Me declaro fan de Stylish y no aceptare todo lo que quieran poner en sus sitios 😀