Stylish: extensión para dar estilo a sitios web [Chrome y Firefox]

Hace poco hice una entrada de temas de Firefox . Mientras los buscaba di con Stylish , una extensión para Chrome y Firefox que te permite instalar estilos para distintas páginas web conocidas. Lo bueno de esta extensión es que existe una comunidad grande que crean las nuevos estilos para probar, algunos para cambiar todo el aspecto de un sitio y otros simplemente para arreglar algunos detalles. Puedes combinar varios para que la web funcione igualmente pero al menos se vea un poco mejor, o lo que tu consideres que es mejor. Y si sabes de CSS puedes crear tus propios estilos.

Les enseñaré lo básico ahora mismo y luego, de a pocos, les haré sugerencias de estilos que se puedan instalar y que sean agradables.

¿Cómo lo instalo?

Igual que cualquier otra extensión. Puedes bajar la versión para Chrome aquí . Si usas Firefox, tienes esta . Instala, haz lo que necesites y listo. Por aquí no hay más nada que hacer.

¿Cómo lo uso?

Pues bien. Stylish tiene un sitio donde la comunidad publica sus propios estilos visuales. La web es userstyles.org y es un poco ambigua pero luego de entenderla verás que es fácil. Si quieres buscar un estilo, ve a la parte de las categorías . Ahí te vas a conseguir con tres:

• Cambios de estilos a sitios particulares , así sean de temas enteros hasta cambios pequeños como iconos, avatares redondeados, fondos transparentes, etc. Hay estilos para Twitter, Facebook, Google, Tumblr, Youtube, Wikipedia y otro motón más.
• Estilos para aplicaciones , cualquier cosa que instales en tu computador. Navegadores, Thunderbird, etc.
• Cambios de estilos globales en sitios web , es decir, cambiarás el tema completamente, o de fuente en todos lados.

El lugar tiene tantos estilos que debes tener un buen rato para meterte de cabeza a revisar todo lo que hay. Y para instalar alguno que te guste, te saldrá un botón verde debajo para instalar. Ve a la web o aplicación donde se verá el cambio y prueba si funcionó. El botón lo muestro aquí debajo.

Verás en la barra de herramientas del navegador un botón en forma de “S” que mostrará los estilos que están instalados. Solo se verán cuando estés en la web respectiva a los estilos que instalaste. Al hacer click derecho sobre esto podrás ver opciones para administrar los temas y hasta para eliminar este botón. Y cada vez que vayas a una web donde estés usando algún estilo, te saldrá un número con la cantidad de estilos. Si clickeas con botón izquierdo del ratón verás todos los estilos de cada web y la posibilidad de borrarlos, usarlos o desactivarlos. Les daré un ejemplo de esto más abajo.

Les recomiendo que si les gusta algo o no tiene captura de cómo se verá, lo prueben igualmente para ver si funciona y si el resultado les gusta.

¿Algún ejemplo?

Estuve probando varios estilos para Twitter y me ha quedado algo como esto luego de usar dos estilos. Vean en grande para que noten la diferencia y las anotaciones.

Los dos estilos que usé fueron este y este . Ambos funcionaban perfectamente uno con el otro y me ha gustado cómo quedó mi timeline . Como les dije antes, ahora solo les enseñaré que esto existe, luego haremos algunas recopilaciones de estilos para que empiecen a cambiar todo.

Vía .