26 add-ons de firefox para Desarroladores Web
Hoy he encontrado un post en instantshift que nos recomienda 26 add-ons para Firefox que nos hace la vida más sencilla a los desarrolladores y diseñadores web. En mi día a día los uso constantemente y la verdad es que sin ellos a veces la cosa sería peliaguda. Algunos ya los conocia y otros no.
Para mí los dos más importantes son el Web Developer y el Firebug. El resto para mi son más secundarios pero sin estos dos no sería lo mismo hacer webs.
Web Developer
Lo mejor del Web Developer es trabajar el css. Puedes ver todos los css de una web, un estilo en concreto, o puedes editar el css y ver los cambios automáticamente sobre la web. También dispone de otras herramientas utiles, como puede ser el borrado de la cache del navegador (cosa importante cuando haces cambios), o medir con la regla para saber la distancia en pixeles que hay de un punto a otro, o incluso redimensionar tu ventana a otras resoluciones para ver como se ve tu trabajo y también la desactivación de la cache, de los estilos o del javascript.
Plugin Link: Click Here
Official Link: Click Here
Firebug
El 2º indispensable es el Firebug. Con él podemos editar, depurar y monitorear CSS, HTML y JavaScript de cualquier web que este viendo en Firefox. Es una gran herramienta para modificar sobre todo HTML.
Plugin Link: Click Here
Official Link: Click Here
IE Tab
Otro que yo uso mucho es el IE Tab. Este te permite abrir en una pestaña de Firefox cualquier web como si fuera Internet Explorer (sí, ese navegador que hace lo que quiere y que tantos quebraderos de cabeza da). Funciona bastante bien y por lo general se comporta como el verdadero Internet Explorer aunque a veces para estar seguro siempre es mejor usar el autentico y cuidandose mucho de la cache.
Plugin Link: Click Here
Official Link: Click Here
CSSViewer
CSSViewer es otro pequeño add-on que te da la información css de cualquier elemento de la web. Así te aseguras de que estilo exactamente esta cogiendo ese elemento. Yo diria que es un buen complemento para el Web Developer.
Plugin Link: Click Here
FireFTP
FireFTP es la manera rápida de subir tus cambios al servidor a través de ftp. Además te permite tener tantas cuentas configuradas como servidores tengas sin problemas. No es el más veloz subiendo y bajando cosas pero funciona bastante bien y te ahorras tener que abrir otro programa.
Plugin Link: Click Here
Official Link: Click Here
Colorzilla
Otro add-on muy práctico sobre todo para los diseñadores es Colorzilla. Con su cuenta gotas te permite saber el color de cualquier elemento de la web rapidamente, copiar el código de color y así después usarlo para tu css o para Photoshop.
Plugin Link: Click Here
Official Link: Click Here
CSS Validator y HTML Validator
Para el tema de validar nuestro css esta muy bien el Css Validator pero para validar el html a mi me gusta el Html Validator que al visualizar el código nos informa de todos los errores y las posibles soluciones para que sea valido bajo la especificación que le hallamos puesto a nuestro html.
Espero que os ayuden