Cabecera Ronroneos.com

8, 12, 15 Mayo 2007

Extensiones para Firefox

Firefox

Mozilla Firefox, es un navegador de internet, multiplataforma y disponible para Linux, Mac Os X y Windows creado por la Fundación Mozilla.

Las características principales entre otras son:

Por si no tienes Firefox, o lo quieres probar (merece la pena y no solo por las extensiones, que ya sería un buen motivo, otro por ejemplo, seguridad), lo puedes descargar de:

http://www.mozilla-europe.org/es/products/firefox/

¿Qué es una extensión?

Pues aparte de la definición que da la RAE, efecto de extender o extenderse (entre otras), las extensiones, complementos o add-ons para Firefox, son programas que se instalan en el navegador web (Firefox en este caso) para añadirle nuevas mejoras o características.

¿Qué tipo de extensiones hay?

Hay de muchos tipos y sobre todo funcionalidades, en este texto voy a comentar unas pocas que me resultan útiles, pero en: https://addons.mozilla.org/es-ES/firefox/ , tienes organizadas las extensiones en las siguientes categorías:

Como puedes ver, hay casi de todo, :).

Formas de instalar extensiones

  1. Pinchando sobre la extensión .xpi que abrirá un menú de instalación (ver siguiente imagen)
  2. Descargar el fichero .xpi y arrastrarlo a una ventana abierta de firefox, aparecerá el menú de instalación (ver siguiente imagen)
Backword

NOTA: instalar las extensiones que correspondan a la versión del Firefox instalada, si no, puede dar problemas. Uno de ellos, tener que borrar la carpeta de extensiones (en Linux, .mozilla/firefox/0tiy3qog.default/extensions) si al arrancar, Firefox no hace nada. En consola, si ponemos $firefox, nos dará Fallo de segmentación (core dumped).
Es decir, si tenemos la 2.0.0.*, instalar extensiones que nos indiquen que son para esta versión. Las que describo aquí sirven para Firefox 2.0.0.*


¡Por fin las dichosas extensiones, :) !

Backword 1.3.3

Backword es una extensión que está pensada para ayudar en el aprendizaje del inglés, así como facilitar la navegación en textos escritos en ese idioma.

¿Cómo es?

Este es su aspecto (cursor sobre la palabra Revolution):

Backword

Permite varias cosas aparte de traducir la palabra como se ve:

Instalación:

https://addons.mozilla.org/en-US/firefox/downloads/file/15496/backword-1.3.3-fx+fl.xpi

Descripción + instalación:

https://addons.mozilla.org/en-US/firefox/addon/2955

Página de los autores:

http://gneheix.googlepages.com/backword_en

Configuración:

Herramientas -> Complementos -> Preferencias (del Backword) -> Settings I -> Dictionary -> Google spanish

Colour Contrast Analyser 0.4

Colour Contrast Analyser es una extensión creada con la misión de comprobar el contraste entre dos colores, usando para ello el algoritmo del WC3. Esto permite verificar si los colores que estamos empleando en nuestra página son adecuados o no teniendo en cuenta criterios de accesibilidad, por lo tanto es una de esas herramientas indispensables para realizar un correcto diseño web.

¿Qué tipos de test se pueden realizar?

Se pueden realizar tres tipos de análisis:

¿Cómo funciona?

Tenemos dos formas para realizar los diferentes test proporcionados por la aplicación:

  1. Botón derecho sobre la página - > Colour Contrast Analyser
  2. Herramientas - > Colour Contrast Analyser

En ambos casos veremos la siguiente imagen, en la que se podrán elegir cualquiera de los tres test:

Colour Contrast Analyser

Este es un ejemplo del aspecto tras realizar la opción de todos los test:

Colour Contrast Analyser

Como se puede ver, nos proporciona información muy completa, tipo de elemento que se analiza (Element), los elementos de los cuales depende el elemento analizado (Parent Nodes), ejemplo del color usado (Sample), color del elemento (Colour) y fondo empleado (Background), y los tres análisis realizados (Luminosity Contrast Ratio, Difference in Brightness, Difference in Colour).

Instalación:

http://juicystudio.com/extensions/cca.xpi

Página de los autores:

http://juicystudio.com/index.php

Otra página que qunque no tiene nada que ver con la extensión, si lo está en cuanto al color a elegir para el diseño web es:

http://snook.ca/technical/colour_contrast/colour.html

En esta página se ofrece comprobar los colores que se van a usar para los elementos (Foreground Colour) y para el fondo (Background Colour). A la derecha de estas selecciones, aparecen los resultados, es decir, una muestra del color con el texto Lorem ipsum dolor sit amet que tendrá el elemento y la diferencia en brillo y color con el fondo seleccionado. Para que la elección de los colores sea correcta, la diferencia en brillo tiene que ser mayor o igual (>=) que 125, y la diferencia en color tiene que ser mayor o igual (>=) que 500, en caso de cumplirlo, aparecerá YES! en Are colours compliant?.

Colour Contrast Analyser

Html validator 0.839 (validador offline)

También conocido como extensión Tidy, Html validator es un validador de HTML que se incorpora al propio navegador y permite verificar la corrección del código HTML trabajando sin conexión. La extensión Tidy, al instalarse, se añade a la barra de estado del navegador (para activarla, Ver -> Barra de estado), como se puede ver en la siguiente imagen rodeada por círculo rojo:

Extensión Tidy

Cuando escribimos código HTML para una página y la visionamos en el navegador, la extensión Tidy nos informa de la corrección de la misma de la siguiente manera:

Para saber dónde está/n el/los error/es y aviso/s, si hacemos doble click (botón izquierdo) sobre el icono que nos aparezca, se abrirá una nueva ventana con nuestro código HTML en la parte superior, los avisos y errores en la parte inferior izquierda, y una explicación del error y una sugerencia para corregirlo en la parte inferior derecha, como podemos ver en la siguiente imagen:

Extensión Tidy

Descarga + instalación:

http://users.skynet.be/mgueury/mozilla/download.html

Seleccionar la arquitectura de nuestra máquina e instalar

Página de los autores:

http://users.skynet.be/mgueury/mozilla/index.html

Diccionario de Español/España 1.1

Esta extensión no tiene mucha historia, simplemente es para instalar el diccionario (español en este caso) para el corrector ortográfico de Firefox.

Instalación:

https://addons.mozilla.org/es-ES/firefox/browse/type:3 - > para instalarlo en español, bajar el fichero es-es

Server spy 0.1.2

Como comentaba, Server spy es una extesión que nos informa del tipo de servidor http sobre el que se está ejecutando la página que estamos visionando. La información nos aparece en la barra de estado del navegador (en la imagen aparece rodeado por un círculo rojo):

Extensión Tidy

Instalación:

https://addons.mozilla.org/es-ES/firefox/downloads/file/8034/server_spy-0.1.2-fx.xpi

Página del autor:

http://jacquetc.free.fr/

... CONTINUARÁ

Miauuu!!.

Miauuu!!

Si quieres contactar conmigo puedes hacerlo en info@ronroneos.com