Acerca de mí

21 de Abril

Extensiones de Firefox y herramientas de navegador

Todos los que nos dedicamos al desarrollo web conocemos las extensiones de los navegadores. Son pequeños añadidos que amplían lo que ofrece el navegador. Las hay para todo, tanto que ya son conocidas y usadas por muchos usuarios. Éstas son las que yo uso:

Imprescindibles

1) Firebug: superimprescindible para casi todo, sobre todo para Javascript, depurar y buscar elementos por el código y ver sus propiedades. Merece la pena verse la charla de Joe Hewitt explicando cómo funciona.

2) Html validator: muy importante también. Yo he estado años desarrollando sin usarlo y me podría haber ahorrado muchas horas de trabajo. Según desarrollas te dice si tu código es válido o no, lo que te permite detectar errores difíciles de detectar y no perder tiempo con “tonterías”, y también asegurarte de que tu código es correcto.

3) Web developer toolbar: qué decir de esta extensión. Imprescindible es la palabra. Te da toneladas de información a todos los niveles. Para accesibilidad también tiene cosas útiles aunque hay otras herramientas mejores.

4) CSSViewer: otra muy buena. Pones el ratón sobre un elemento y te da su información css. Aunque es muy buena, ahora la uso menos porque firebug me da la misma información pero también me dice de dónde hereda estilos el elemento, etc. Para algunos casos uso CSSViewer y para otros Firebug.

5) Barra de accesibilidad AIS ( Sólo para Explorer): buenísima barra para analizar la accesibilidad. Permite analizar un montón de aspectos y todo muy bien organizado. Además tiene simuladores de problemas visuales y una herramienta para evaluar el parpadeo de animaciones. Un sustituto bastante digno para Firefox es Firefox Accessibility Extension.

Útiles

1) ColorZilla: permite seleccionar cualquier color de la página con un cuentagotas. Es súper útil para no tener que andar cogiendo pantallazos, abriendo psds, etc.

2) Analizador de contraste: aunque no es una extensión sino un programa en sí mismo, podría parecerlo. Permite seleccionar un color frontal y uno de fondo y saber si cumple los requisitos de contraste del nivel AA. Súper útil en la fase de diseño.

3) Screengrab!: te permite coger pantallazos de las páginas webs enteras, sin barras ni menus, coger sólo el área que selecciones o la porción visible. Muy útil también.

Otras extensiones

1) Foxmarks: esta es buenísima. Es de organización de favoritos, no de desarrollo web. Te lo instalas en todos los ordenadores en los que uses Firefox y te guarda los favoritos en el servidor, así siempre tienes los mismos favoritos en todos los equipos. Yo por ejemplo uso ordenador en casa y en el trabajo. Si en casa añado una página a favoritos, cuando abro el Firefox del trabajo se me actualiza y me aparece.

Categorías: accesibilidad / front-end

Comentarios #2

#1

Quinti / 21 de Abril a las 4:58 am

Colorzilla es de lo mejor…

por cierto tb me puse un blogui de estos…
le voy a dar mucho a los formularios,
http://blog.quinti.net/

nos vemos en clase :)
saluditos

#2

admin / 21 de Abril a las 8:25 pm

La verdad es que viene muy bien Colorzilla! Prueba Foxmarks ya verás que bien viene. Por cierto, seguiré tu blog!

Escribe un comentario

(*) Campos obligatorios





Categorías

Archivo

Me gusta...