|

Más de 30 extensiones Firefox para desarrolladores web

ByLuis

Una lista de más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas ya son conocidas, pero alguna otra que desconocía parecen bastante interesantes.

CSS

  • Aardvark: permite ver atributos CSS, ids y clases seleccionando elementos de la página de forma individual.
  • chromEdit: permite modificar los CSS y los javascripts de cualquier página.
  • CSSMate: edición de ficheros CSS.
  • CSS validator: valida los CSS de tu página.
  • CSSViewer: visualiza propiedades CSS.
  • EditCSS: permite modificar los CSS cargados.
  • IE Tab: visualiza la página en Internet Explorer.
  • Style Sheet Chooser II: permite seleccionar CSS alternativos para una página.

Debug y análisis

Otros

  • Clipmarks: guarda partes de la página web.
  • Codetech: editor web con la apariencia de Dreamweaver.
  • ColorZilla: obtiene colores de las páginas visitadas.
  • FirePHP: ayuda a depurar PHP.
  • Greasemonkey: controla cualquier aspecto del comportamiento de las paginas web.
  • Measureit : mide en pixels el tamaño de partes de las páginas web.
  • Platypus: una de las mejores extensiones para modificar una página web.
  • Poster: permite interactuar con web services y otros recursos web.
  • Professor X: comprueba los contenidos de la cabecera de una página web.
  • Screen grab: guarda páginas web cómo imágenes.
  • TestGen4Web: guarda la actividad de los usuarios en páginas web.
  • View Source Chart: visualizador de código fuente.
  • Web Developer: colección de herramientas para desarrolladores web.
  • X-Ray: permite ver el código fuente de una página y alternar entre ambos de forma sencilla.

30+ Firefox Add-ons for Web Developers & Designers

Vía / Digg

Similar Posts

Firebug 1.0 beta pública

ByLuis

firebug1.0.pngYa podemos bajarnos la versión 1.0 beta de la extensión Firebug. No es necesario indicar qué nos ofrece esta nueva versión, ya que lo indicamos en una entrada anterior, solo digo que estoy acabando esta entrada para reiniciar mi Firefox y poder usarla.
Y para no dejarnos de sorprendernos, Joe Hewitt nos ofrece una version lite para poder ser usada en IE, Opera y Safari, aunque en este caso se usará mediante un script que deberemos incluir en nuestra página html y un atributo (debug=”true”) en la etiqueta HTML.
Firebug 1.0 beta

Mercurial: software de control de versiones

ByLuis

mercurial.pngMercurial es una herramienta de control de versiones de software que está teniendo un éxito importante entre proyectos muy conocidos como Mozilla, Xine y otros.
Se trata de una aplicación multi-plataforma que está desarrollado en Python y cuyas caracteristicas principales son el alto rendimiento, la escalabilidad, serverless, completamente distribuido, tratamiento robusto de texto plano y ficheros binarios, capacidades avanzadas para ramificaciones y fusiones, e incluye una interfaz web integrada.
Ademas te muestra una serie de utilidades, también te indica cómo migrar de otro gestor de versiones a Mercurial.
Mercurial

Firefox 2 RC1 lanzado

ByLuis

firefox2rc1.pngFirefox 2 ha salido del estado beta y ya tenemos a nuestra disposición la versión release candidate. Si te vas a instalar esta versión, no olvides de indicar los fallos que encuentres en Bugzilla para ayudar a los desarrolladores de Firefox y así mejorar el producto.
Por si aún no conoces que novedades trae respecto a la versión 1.5, quizás te interese saber que incluye mejoras en el aspecto gráfico (por ejemplo los botones de la barra de herramientas brillan cuando pasas sobre ellos con el ratón), protección antiphishing, mejoras en las búsquedas (como sugerencia de términos), mejoras en las pestañas, restauración de la sesión, previsualización y suscripción a web feeds, microsumarios y muchas cosas más.
Firefox 2 RC1
Vía / Downloadsquad

WYMeditor: editor XHTML/CSS

ByLuis

WYMeditor es un editor WYSIWYM basado en web. La característica principal de este navegador es centrar la atención del usuario en la estructura de la página (layout).
wymeditor.png
WYMeditor ha sido creado para generar código XHTML estricto perfectamente estructurado, según las especificaciones XHTML de la W3C. El código no puede ser contamidano por información visual como estilos de fuentes, tamaños, bordes o colores. El usuario define el significado del contenido, por el cual será determinado su aspecto mediante la hoja de estilos. El resultado es fácil y rápido de mantener.
WYMeditor
Vía / SitePoint Blogs

FireQuery: optimizaciones para FireBug centradas en jQuery

ByLuis

FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery.
Además permite ver los eventos que está asociados en los elementos HTML desde la pestaña HTML de Firebug.
FireQuery (web)
Vía / DZone

|

Spellify: corrector ortográfico en tus formularios

ByLuis

Spellify es un corrector ortográfico en tiempo de ejecución para las cajas de texto de nuestros formularios. Este script evalua las palabras introducidas y muestra las palabras erróneas y cuales son las posibles correctas.
spellify.png
Para su uso es necesario PHP 4+ y CURL y script.aculo.us 1.8.0, y añadir en nuestras páginas código HTML y los estilos y javascripts. Esto último no me parece muy elegante, ya que este código se podría crear mediante el js.
Spellify está disponible en varios idiomas ya que usa el corrector ortográfico de Google.
De todas formas, si queréis haceros vuestro propio corrector ortográfico en PHP, podéis usar la función levenshtein, la cual calcula la distancia entre dos palabras. Eso sí, esta función es costosa en rendimiento.
Spellify
Vía / WebAppers