Como se hace Sekano IV – Extensiones de FireFox

25th Octubre 2006 | Internet, Software, WordPress

El navegador Mozilla FireFox es capaz de ampliar sus funciones con la instalación de unos complementos específicos llamados las extensiones de FireFox. Desde diccionarios personalizados al clima de tu ciudad, pasando por gestores de bookmarks o conversores de unidades. De estos hay unos cuantos muy interesantes para el diseño de páginas web. Si estas interesado en conocer cinco extensiones que hacen más fácil la tarea de diseñar el Sekano sigue leyendo este post.

Una de las cuestiones que hay que tener en cuenta a la hora de diseñar un blog es que cada uno de los navegadores existentes visualizará la página de distinta forma. En teoria debería tener la misma apariencia independientemente del navegador utilizado, pero es de conocimiento general entre los diseñadores que bajo Internet Explorer cualquier página puede parecer horripilante, a pesar de que en Mozilla o Netscape se vea correctamente.

Una solución es instalar varios navegadores y probar la visualización en todos ellos, realizando los cambios necesarios en la hoja de estilos en cascada CSS hasta conseguir un resultado óptimo en las distintas plataformas. Aunque lo normal es que si la página se ve bien En FireFox, se vea igual en Mozilla, Netscape o SeaMonkey. El hueso más duro, que es Internet Explorer, es también el más cabezota a la hora de interpretar correctamente el código de la página. Lamentablemente hay que asumir que un 85% de los usuarios usan este navegador, así que hay que estar seguro de que la página será accesible para ellos.

La extensión IE Tab 1.1.1.4 permite desde FireFox cargar una ventana nueva que se comporta exactamente igual que lo haría el navegador de Microsoft, sin tener que ejecutar el programa original.

Para captar colores de otras webs podemos usar Colorzilla 0.8.2 que nos permite hacer esto con mucha facilidad gracias a un cuentagotas que extrae el código hexadecimal por el que se identifican los colores en el lenguaje HTML. Incluye un Color Picker para elegir colores personalizados de entre varias graduaciones de colores.

View Source Choice 0.3.1 configurado para tal efecto es capaz de mostrar el código fuente de la página en un sidebar a la izquierda de la pantalla, mientras en el espacio restante seguimos viendo la web que estamos analizando.

X-Ray 0.8.1, se usa tambien para analizar el código fuente, pero con la particularidad de que permite identificar mejor los elementos de la página al mostrar las etiquetas HTML directamente sobre la web.

Por último, MeasureIt 0.3.6 permite medir verticales, horizontales y rectángulos de la pantalla en pixels.