30 extensiones de Firefox para diseñadores y programadores web
Escrito el 2007-08-29 11:25:35 GMT
Vía Mashable encuentro y traduzco esta lista de las 30 mejores extensiones de Firefox para diseñadores y programadores web:
CSS
- Aardvark
- Permite ver atributos tales como
id,classy demás seleccionando cada elemento. - chromEdit
- Cambia la apariencia de cualquier página editando los archivos CSS y JavaScript.
- CSSMate
- Sirve para editar los archivos CSS.
- CSS validator
- Comprueba la validez del código CSS
- EditCSS
- Permite modificar el CSS actual de la página, en directo. Web Developer también ofrece esta posibilidad.
- IETab
- Utiliza Internet Explorer dentro de una pestaña de Firefox.
- Style Sheet Chooser II
- Escoge hojas de estilo alternativas para una web
Debug y análisis
- FireBug
- Una consola para encontrar errores en JavaScript, HTML, CSS... muy útil y completa.
- HTML Validator
- Extensión para validar el HTML de las páginas contra los estándares del W3C.
- JavaScript Debugger
- Una extensión para hacer debug a fondo de código JavaScript.
- Link Checker
- Comprueba los enlaces de una página, coloreándolos según su estado.
- Load Time Analyzer
- Muestra gráficos detallados con los tiempos de carga de las páginas, separando carga de imágenes, etc.
- View Dependencies
- Muestra qué archivos fue necesario cargar para ver la página actual.
Otras
- Clipmarks
- Guarda fácilmente trozos de las páginas para su posterior consulta.
- Flash Switcher
- Permite cambiar de una versión a otra del plugin de Flash con un sólo clic.
- Greasemonkey
- Permite controlar cualquier aspecto de las páginas, añadiendo JavaScript. Hay muchos scripts ya creados para cientos de webs.
- Measureit
- Muestra una regla para medir fácilmente las dimensiones de cualquier elemento de una página.
- Platypus
- Una de las mejores extensiones para modificar una web. Modificas una web, los cambios se guardan automáticamente como script de Greasemonkey, y listo.
- Poster
- Permite examinar y modificar las peticiones GET y POST.
- Professor X
- Muestra los elementos que hay dentro de
<head>sin mirar el código fuente. - Screen grab
- Hace capturas de páginas y las guarda como imágenes.
- TestGen4Web
- Guarda acciones en un archivo XML (clicks en enlaces, introducción de texto...) y luego permite reproducirlas automáticamente.
- View Source Chart
- Muestra el código fuente generadode las páginas. Esto es, después de haber sido manipulado por JavaScript, por ejemplo. Además lo muestra de forma gráfica.
- Web Developer
- Añade una barra de herramientas con docenas de utilidades para desarrollar webs.