Leave a Comment
Make sure you enter the * required information where indicated.
Los webmasters y desarrolladores web aman Firefox, el browser de Mozilla, gracias a sus capacidades de agregar complementos, y personalizar la experiencia, haciéndola siempre relevante para los intereses del usuario en cuestión.
Los muchachos de Mozilla mostraron por primera vez su Firefox 4 hace poco, e instantáneamente todo el mundo tuvo algo que decir: la cuarta versión del popular browser fue un éxito desde su lanzamiento, y hubo más de un millón de descargas a menos de 3 horas de aparecer en la web. Ofrece varias extensiones y add-ons para facilitar tu trabajo, y hacer que no puedas pensar en usar la web si no es con Firefox. Hoy mostramos un par de herramientas que todos los diseñadores web deberían tener para optimizar, arreglar errores (no es que tú, en particular, cometas alguno, sino los demas
) y un par de cosas más. Entonces, dirígete a la web de Mozilla, descarga Firefox, y únete al clan.
Web Developer es una de las extensiones más utilizadas entre desarrolladores ya que agrega varias herramientas a Firefox y permite saltearte varios otros add-ons que no son tan completos y dan sólo algunas herramientas. Instala aquí.
Firebug se integra bien en Firefox y provee un par de herramientas útiles para usar mientras navegas: podrás editar, remover bugs, ver HTML, CSS y Javascript en vivo en cualquier página. Instala aquí.
Vas a necesitar tener instalado Firebug pasa usar FirePHP. FirePHP te permite entrar en la consola de tu Firebug por el método PHP. Deberías probarlo si te interesa el desarrollo en AJAX. También provee algo de flexibilidad para tu propio código, y permite agregar errores y excepciones de errores a la configuración. Instala aquí.
Open In Fireworks te salva algo de tiempo al acortar el proceso de editar imágenes en los propios sitios web que manejes. Puedes editar cualquier imagen online con un simple click derecho de tu mouse. Instala aquí.
Firefox fue diseñado para mostrar sólo los atributos en TITLE. Pero si necesitas información adicional sobre la imágen o fuente que no tiene ningún epígrafe o explicación, FeatureFix es la herramienta para ti. Muestra toda la información disponible de cualquier imágen usada en una web particular. Instala aquí.
Con Workspace puedes ingresar y ejecutar Javascript en una pequeña ventana. Puedes también evaluar tu texto y comparar con el actual, en la ventana activa de tu browser. También puedes usar workspace para evaluar Javascript en Chrome para experimentar. Es una gran herramienta para probar tu código recién compilado. Instala aquí.
Total Validator ejecuta múltiples validaciones y captura pantallas en un solo proceso. Es un validador (X)HTML que también actúa para validar accesibilidad, y tiene herramientas para chequear ortografía, y links rotos. Si necesitas más opciones, puedes optar por la versión pro. Instala aquí.
¿Estás cansado de llenar la misma información y abrir los mismos websites? Ahora puedes grabar tu trabajo repetitivo con iMacros para Firefox y volver a ejecutarlo cuando lo requieras. Instala aquí.
JavaScript Object Notation, o JSON, es un formato liviano de intercambio de data. Con la extensión JSONView puedes dar formato, resaltar, y colapsar objetos. Te ahorrará mucho tiempo al remover bugs. Instala aquí.
Console² es una gran herramienta para desarrolladores que permite trabajar en Javascript y CSS para encontrar errores. Esta extensión toma en consideración la posibilidad de mostrar errores por tipo, y permite filtrarlos u organizarlos para facilitar el proceso de corrección. Instala aquí.
Permite dibujar una escala en cualquier página para calcular la altura, ancho o alineación de los elementos. MeasureIt permite hacer múltiples mediciones en un solo proceso. También da funciones opcionales como recordar la ubicación de un botón, la luz de fondo, visibilidad, etcétera. Instala aquí.
Si tu site te parece muy lento, o piensas que requiere un poco de optimización, puedes usar YSlow, que no sólo analiza las páginas sino que además te hace sugerencias para alterar y mejorar algunas opciones. Instala aquí.
En el escenario actual, nadie puede negar la importancia del SEO. Una buena investigación de mercado es parte vital de cualquier proyecto exitoso. SEO para Firefox te da el poder de hacer investigaciones rápidas con los resultados de Google y Yahoo!. Instala aquí.
Xmarks Sync mantiene tus marcadores, passwords y tabs guardados, y los integra a tu web browser. También se sincroniza y hace back ups de servicios guardando tu data en tu cuenta en la web de Xmarks web. Instala aquí.
Sabemos que amas tu Firefox, pero cuando eres un desarrollador o webmaster, a veces debes chequear la compatibilidad con otros browsers. IE Tab hace exactamente eso, muestra como se vería una página en IE con un simple click, y luego puedes volver a Firefox para no sentirte tan sucio. Instala aquí.
Lorem Ipsum es el texto más usado cuando se crean nuevas cajas de contenido en cualquier nuevo proyecto, quizás tú seas uno de los tantos que lo usa. Con la extensión Dummy Lipsum puedes generar “Lorem Ipsum” en párrafos, palabras, listas, o lo que sea para rellenar cajas y trabajar sólo sobre la forma física de los objetos. Instala aquí.
Cuando navegas por internet, siempre estás en riesgo de caer en una trampa de XSS o Clickjacking. Gracias a NoScript, podrás bloquear JavaScript, Java y otro contenido activo de cualquier sitio en el que no confies. Instala aquí.
Tab Mix Plus es un favorito de los desarrolladores por ser útil y simple: expande tus capacidades para navegar. Puedes elegir cerrar varias pestañas a la vez, volver a abrir una pestaña recién cerrada, o chequear pestañas cerradas en busca de contenido.Instala aquí.
CSSViewer es otra gran herramienta para el desarrollador. Como el nombre lo sugiere, CSSViewer sirve para ver propiedades de CSS. Instala aquí.
StumbleUpon no requiere introducción: permite descubrir sitios relacionados a tus intereses. Puedes compartir tu contenido, encontrar gente con gustos similares, y mantenerte al tanto de las tendencias y desarrollos actuales de la web con esta genial herramienta. Instala aquí.
Live HTTP permite ver los HTTP headers de una página mientras navegas. Te ayuda al agregar información del headers cuando haces click para ver las propiedades de una web. Es especial para remover bugs de aplicaciones web. Instala aquí.
Greasemonkey permite personalizar el aspecto y funciones de tu web usando pequeños pedazos de código en JavaScript. Es famoso por personalizar por completo la experiencia en sitios como Reddit. Instala aquí.
Con ColorZilla, obtienes descripciones avanzadas de colores, selector de colores, visor de paleta, y otras herramientas de colores en tu Firefox. También tiene soporte para color HSL y atributos CSS3. Instala aquí.
Element Hiding Helper te ayuda a ocultar elementos que tu elijas. Puedes setear tus preferencias para que algún elemento simplemente desaparezca de tu experiencia online. Los elementos ocultos pueden ser descartados automáticamente. Instala aquí.
Form History Control te da control absoluto de tu historial, para que puedas elegir qué guardar, borrar o limpiar. Ya no hace falta que borres todo tu historial para deshacerte de sólo una parte de él. Instala aquí.
Firefox nos ha dado tantas opciones y herramientas para trabajar que no queremos saber nada con otro browser. Y lo mejor de todo es que todas estas extensiones son gratuitas. Esta es una de las razones principales por las que Firefox pisa tan fuerte en esta guerra virtual.
Tweet