11 complementos de Firefox esenciales para el desarrollo Web
Hace unas horas comente en un artículo sobre más
12 extensiones para Firefox relacionadas con CSS, donde comenté que cuando vemos su verdadero potencial de Firefox es por el tema de los complementos o extensiones. Como puedes imaginar
existen muchos tipos de extensiones para diferentes campos de aplicaciones, que puedes descargar desde su
página oficial.
Ahra mismo he dado con otro interesante artículo
9 Essential Firefox Add-ons for Easy Web Development, de
ProBlogDesign, donde su autor comparte los complementos que ha usado para que nos ayude en el diseño, scomenta su función, donde descargarlos, cómo le ayudó, y la forma en que podría ayudarnos a nosotros también.
También comentan que si hay una razón por la que los diseñadores aman a
Firefox, es por la
gran variedad de complementos. Firefox es muy flexible en ese aspecto y existen miles de
acomplementos disponibles en el sitio de Mozilla y que podemos añadir a nuestra Firefox de manera gratuita. Ciertamente sus complementos son realmente imprescindibles para el diseño Web.
- ColorZilla. Nos permite obtener el código de color (con el típico cuenta gotas) de cualquier elemento de la página web donde nos encontremos, incluso del navegador, sin necesidad de arrancar Photoshop.
- MeasureIt. Imprescindible para medir (en píxeles) cualquier elemento de la web abierta en la ventana del navegador. Ideal para comprobar el diseño de los elemento de una página en ancho y altura, para que todo quede perfectamente.
- FontFinder. Todos sabemos que la tipografía es un elemento esencial en el diseño. En términos de diseño web, una hermosa fuente no es suficiente. Debe ser un tipo de letra estándar para web (fuente común que está disponible en la mayoría de los ordenadores). Así, puede simplemente navegar por la Web, encontrar un sitio que te fascina por su tipografía, y si tienes abierto FontFinder puedes encontrar la combinación tipográfica utilizada. Luego puedes basar tu tipografía en el diseño del sitio que has encontrado.
- IE Tab. IE puede ser una pesadilla para trabajar con (especialmente IE6), pues tiene un método diferente de la prestación CSS, por lo que un hermoso diseño en Firefox podría ser la peor pesadilla en el IE. El uso de IE Tab, se puede comprobar el aspecto de su diseño en IE en la ventana de Firefox lo que no es necesario para abrir el IE. Esto le ahorra tiempo de carga hasta en el navegador.
- Window Resizer. Un problema más para los diseñadores es la variedad de la resolución de la pantalla. Hay montones de variaciones, algunas de las más comunes son 800x600, 1024x768, 1280x800, 1280x1024 y 1600x1200, pero aún existen resolución de pantalla más alta. Un diseño podría parece perfecto en 1280x800, pero al mismo tiempo ser molesto con 1024x768 de resolución de pantalla porque se desplaza a la izquierda o a la derecha de su sitio. Con esta herramienta revisamos la apariencia del diseño en todas las resoluciones de pantalla.
- JSView. Se puede ver no sólo la fuente HTML de la página que está abierta, sino también los archivos adjuntos externos a la página web como CSS y Javascript. Así que cuando abrimos alguna página, se puede ver la forma en que fue construida mediante el análisis de su código fuente.
- Scrapbook. Te ayuda a guardar páginas web y organizar la colección. Puedes marcar algunos de las páginas interesantes que encuentras. Aunque dicha página cierre o cambie su diseño , mediante un bloc de notas puedes hacer las correcciones y almacenarlas en cualquier momento.
- GridFox. La 960 Grid, es una plantilla de una rejilla creada por 960 píxeles para una página web en 12 o 16 columnas. Es un sistema muy útil para hacer su web diseño aseado. El original sistema fue creado por Nathan Smith. GridFox nos permite superponer una rejilla en la página web actual para ver cómo encaja todo en su trazado.
- Screengrab. Nos ayuda a guardar una imagen en PNG de una páginas web. Captura la pantalla de un sitio, completo, la parte visible, o sólo una selección del mismo.
- Firebug. Poner una gran cantidad de herramientas de desarrollo al alcance de nuestra mano mientras navegas. Con ellas puedes editar, depurar y monitorear CSS, HTML y JavaScript.
- HTML Validator. Para asegurarte de que tu diseño es válido y no tiene ningún error de codificación de acuerdo a estándares web del W3C.
Si hay algún complemento que te han ayudado con el diseño, pero no están enumerados anteriormente, por favor, comentalo a través de un comentario.
Escrito por Toni
Comparte este artículo:
Estas son las categorías a las que pertenece el artículo 11 complementos de Firefox esenciales para el desarrollo Web :
Firefox, Complementos y Extensiones
Cosassencillas.com 
Insertar un Comentario
Comentarios
Artículos relacionados con Firefox, Complementos y Extensiones