Los complementos son pequeños programas que modifican o añaden características a la apariencia o funcionalidad de Firefox. Hay tres tipos de complementos: extensiones , temas y plugins . Todos ellos permiten personalizar tu navegador Firefox a la medida de tus necesidades: Extensiones : Las extensiones añaden nuevas funcionalidades a Firefox. Pueden añadir distintas cosas, desde un botón en la barra de herramientas hasta una característica completamente nueva. Las extensiones permiten que la aplicación que será personalizada se ajuste a las necesidades de cada usuario, y al mismo tiempo, minimizan el tamaño y la apariencia de la aplicación misma. Temas : Los temas modifican la apariencia externa de Firefox y te permiten personalizarla a tu gusto. Un tema puede modificar solamente la apariencia de los botones de la barra de herramientas, o puede modificar por completo la apariencia y el funcionamiento de Firefox. Plugins : los plugins ayudan a que Firefox realice funciones específicas, como por ejemplo visualizar formatos gráficos especiales o reproducir archivos multimedia. Los plugins son levemente diferentes de las extensiones, la cuales modifican o añaden alguna característica las funcionalidades existentes. El objetivo característico de un plugin es añadir herramientas multimedia, tales como la posibilidad de insertar y reproducir videos en una página web. Puedes descargar e instalar muchos complementos desde Complementos de Firefox . Si buscas en Internet encontrarás muchos otros sitios con los citados complementos. De forma predeterminada, Firefox verificará periódicamente si están disponibles las nuevas versiones para tus complementos instalados, lo que nos facilita su seguimiento. Si aún no eres un usuario de Firefox, puede que desees convertirse en uno después de leer el siguiente artículo 26 awesome Firefox add-ons for web workers , de Designer-Daily . Esta colección te ofrece algunos de los mejores complementos de Firefox para los que trabajamos en línea o en diseño y desarrollo web . Algunos de estos complementos ya hemos habado en más de una ocasión, pero es bueno ver otras lista y comparar. Por supuesto, es no quiere decir que tengas que instalar todos los complementos, pues existen miles de ellos , de lo contrario hinchamos en exceso a nuestro pobre Firefox. Para desarrolladores web . Estos son los clásicos, probablemente ya sabe todo eso, si usted estás usando Firefox desde hace un tiempo: Web Developer toolbar . Barra de herramientas con diferentes herramientas para desarrollo web, esta es la primera extensión que se instala cuando se hace una nueva instalación de Firefox. Firebug . Para editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Firebug, también permite instalar muchos complementos para ampliar sus capacidades, estos son algunos de ellos: CSS Usage : escanear varias páginas de tu sitio para ver si cumples con las reglas CSS. YSlow : analiza las páginas web y por qué son tan lentas basadas en las normas de Yahoo! ’s para los sitios web de alto rendimiento. CodeBurner : material de referencia para HTML y CSS. XRefresh : la automatización de actualización del navegador para desarrolladores web. Inline Code Finder : encuentra elementos HTML en línea con los eventos de JavaScript, estilo en línea y javascript: enlaces. Firecookie : ver y administrar las cookies en tu navegador. Pixel Perfect : facilidad de superposición de una composición sobre la parte superior de la web con el código HTML desarrollados. FireQuery : Firebug mejoras para jQuery. Pencil . Es un add-on para hacer prototipos de interfaz gráfica y simple boceto. Trabajando con el color . Firefox puede ser extendido para gestionar y crear paletas de colores, que puedes comprobar con estas herramientas: ColorZilla . Puedes obtener una lectura de color desde cualquier punto que aparezca en tu navegador, y muchas más. FirePalette . Esta extensión hace es añadir un selector de color para el panel de Firebug CSS. ColorSuckr . Pulsa sobre cualquier imagen en la web y te da el extracto de los 12 colores más comunes de ella. A partir de ello puedes crear esquemas de color de los resultados, así como muchas otras características. Análisis del sitio web . Vas a aprender mucho analizando otros sitios web o incluso los tuyos, puede probar algunas de estas herramientas para ello: Dust-Me Selectors . Extrae todos los selectores de todas las hojas de estilo en la página que estás viendo, los puedes analizar. Los datos se almacenan de modo que cuando pruebas las páginas siguientes, los selectores pueden ser tachados de la lista a medida que los consultas. GridFox . Dibuja una cuadrícula en la parte superior de la página web. Esto es útil para el control de los diseños de los diferentes elementos de la página en un diseño de rejilla. MeasureIt . Sacar una regla para obtener mediciones en cualquier parte de los elementos que componen una página web. View Dependencies . Añade una pestaña a la ventana de la Página de Información, en la que muestra todos los archivos que fueron cargados para mostrar la página actual. Los ordena del servidores y por los tipos (imagen, hoja de estilo, la escritura, etc.). Muestra el tamaño de cada archivo, y el tamaño total por servidor y página. Library Detector . Detecta qué bibliotecas JavaScript se utilizan en la página actual y muestra el resultado en forma de iconos con consejos detallados en la barra de estado. Aardvark . Potente y fácil de selector de utilidad amigable para seleccionar los elementos y realizar diversas acciones sobre ellos. Puede ser utilizado para limpiar una página antes de imprimir, y para el desarrollo web. Pruebas . Realizar tus pruebas de diseño de páginas web es más fácil con estos complementos: Window Resizer . Cambiar el tamaño de tu resolución en tu navegador para comprobar distintos tamaños de resolución de una página web, la barra de herramientas Web Developer Toolbar ya hace esto, pero con un acceso más rápido a esta función. Total Validator . Proporciona validación de HTML verdadero (2,0 HTML a XHTML 1.1) utilizando el DTDs oficial, además de añadir el atributo de chequeo. También se realiza la validación de la accesibilidad (WCAG, US-508), la comprobación de vínculos rotos, la revisión ortográfica (5 idiomas), y toma capturas de pantalla utilizando 36 navegadores en Windows, Linux y OS / X. Para ahorrar tiempo . Estas herramientas no son realmente relacionados con el diseño, pero van a ahorrar mucho tiempo si eres un trabajador web: Extended Copy Menu . Agrega un “Copiar como HTML” y “Copiar como Texto sin formato” para el contexto del menú del botón derecho del rató. Es útil para copiar el texto o HTML subyacente de una página web en los documentos, mensajes u otras aplicaciones. Dummy Lipsum . Generador del texto simulado “ Lorem Ipsum ”. Easy DragToGo . Le permite abrir enlaces en nuevas pestañas, guardar imágenes y hacer más con el gesto de arrastrar y soltar. PDF Download . Para hacer lo que quiera con los archivos PDF en la web. Recuperar el control, eliminar los problemas del navegador, ver los PDFs directamente en Firefox como HTML, y muchas más cosas.