|

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

PHPAGA: gestor de proyectos

ByLuis

phpaga.pngPHPAGA es un gestor web de proyectos, tareas, facturas y preosupuestos, que provee una forma eficiente y centralizada de tener al día tus tareas y actividades.
Entre las posibilidades que ofrece incluye la impresión a PDF de los listados, estadísticas por proyecto o persona y resúmenes financieros.
phpaga2.png
PHP 5.2 es necesario para que funcione, a parte no tiene dependencias de PEAR. Usa UTF-8 tanto para el código como para la base de datos y los gráficos se puestran con el componente Graph de eZ y los gráficos se muestran como SVG.
PHPAGA
Vía / International PHP Magazine

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

Hyperic HQ: monitoriza estructuras web

ByLuis

Hyperic HQ es una aplicación opensource que ofrece un portal diseñado para descubrir y empezar a controlar la infraestructura web de forma sencilla.

hyperichq.png

Descubre el software y hardware

Crea un modelo y muestra las relaciones entre en software, el hardware y los servicios de forma precisa. Detecta cada aspecto de tu hardware y software automáticamente, incluyendo memoria, CPU, disco, red e información sobre configuración y versiones. Genera eventos sobre cada cambio de configuración en cada recurso que se use y avisa a los administradores de sistemas. Comprueba el estado de los recursos de una forma simple desde el navegador.

Monitoria cada capa de tu infraestructura

Colecciona mediciones en tiempo real e históricas sin ser invasivo. Permite definir alertas que nos ayude a anticiparnos a los problemas. Compara métricas de diferentes recursos que nos permite comprender las interacciones entre ellos.

Registra todos los logs, la configuración y los eventos de seguridad

Muestra informes de detalles sobre cada evento generado. Refuerza las políticas de seguridad para detectar cualquier acceso no permitido.

Hyperic HQ

Vía / OpenSourceCommunity.org

Uso de memoria: comparativa Firefox 2 IE7b2

ByLuis

firefox-ie.pngAhora que acaban de salir las betas de dos de los navegadores más populares: Firefox 2.0 e IE7 b2, hay alguien que ha realizado una comparativa muy interesante sobre el uso de memoria en ambos navegadores. Se puede sacar como conclusión que Firefox es superior a IE, usando más o menos la mitad de memoria que IE7 a la hora de visualizar páginas únicas. También es mejor el Firefox cuando se trata del uso de pestañas, aunque en este caso se ha modificado el valor por defecto de browser.sessionhistory.max_total_viewers dentro del about: config, lo cual hace que sea un estudio algo “especial”. Tambien indica que IE libera memoria cuando está minimizado o en background, mientras que Firefox se queda tal cual estaba.

Internet Explorer 7 beta2 and Firefox 2 Alpha 1 Memory Usage Comparison

Vía / Downloadsquad

|

Lista de herramientas para testeo de aplicaciones web

ByLuis

Hace unas semanas hablamos sobre aplicaciones para la gestión de errores, pero está claro que para gestionar los errores, primero hay que encontrarlos. Para ello nada mejor que herramientas de testing para nuestras aplicaciones web.

Apache JMeter

Aplicación 100% Java de la gente de Apache, que nos permite definir comportamientos para casos de test y medir su rendimiento. Válido para contenido estático y dinámico (ficheros, Servlets, scripts de Perl, objetos Java, bases de datos y queries, FTP, …). Puede simular una gran carga en el servidor, HTTP y FTP testing y bases de datos mediante JDBC, multithreading y con grandes facilidades para extender su funcionalidad mediante plugins.

testing1.png

Apache JMeter

Mercury LoadRunner

Ayuda a preveer costosos problemas de rendimiento, cuellos de botella antes de que una aplicación web sea actualizada o sacada a producción. Soporta un gran número de entornos como Web Services, .NET y J2EE. Se pueden obtener gráficas de rendimiento, saber si una actualización cumple con ciertos requerimientos prefijados e identifica y elimina cuellos de botellas encontrados en el ciclo de vida de la aplicación.

testing2.png

Mercury LoadRunner

OpenSTA

No se trata de una herramienta específica, pero si una colección de herramientas que usando en una arquitectura distribuida basada en CORBA, realiza testeos a aplicaciones webs. Se requiere conocimiento de HTTP y de la aplicación en la que se está trabajando, por lo que no es sencillo su uso. No cumple ninguna metodología de testing, sino que es un sistema flexible para realizar testings y obtener datos.

testing3.png

OpenSTA

Microsoft Web Application Stress Tool

Aplicación que está diseñada para realizar simulaciones realistas de varios navegadores accediendo a páginas de tu aplicación web. Puedes obtener información sobre rendimiento y estabilidad con un número pequeño de clientes.

testing4.png

Microsoft Web Application Stress Tool

Radview WebLOAD

Permite hacer pruebas de carga y estrés en tu aplicación web, medir el rendimiento y la escalabilidad. Simula el comportamiento de los usuarios y predice los requerimientos necesarios e informa sobre cuellos de botellas, límites y puntos débiles antes de que se saque a producción la aplicación, ahorrando así en costes de tiempos por inactividad, costes por ventas y evitando pérdidas de clientes.

testing5.png

Radview WebLOAD

JCrawler

Aplicación opensource para realizar test de estrés a aplicaciones web. Le pasas una URL y puedes realizar una navegación. Admite redirecciones HTTP y cookies. Es independiente de la plataforma, posee un modo consola y es sencillo de configurar.

testing6.png

JCrawler

WAPT

Herramienta para cargar y estresar una aplicación web, de fácil uso, consistente, que te permite analizar el rendimiento y encontrar cuellos de botellas según distintas configuraciones. Ofrece simulaciones precisas de la navegación realizada por un usuario, admite diferentes usuarios en un único test, válido para aplicaciones dinámicas y contenidos HTTP/SSL y devuelve detallados informes y datos sobre los tests realizados.

testing7.png

WAPT

Charles Web Debugging Proxy

Interesante proxy HTTP, monitor HTTP y reverse proxy, que permite al desarrollador ver todo el tráfico HTTP que existe entre su máquina e Internet. Muestra las peticiones, las respuestas y las cabeceras HTTP (junto a las cookies e información de caché). Realizado en Java, permite simular una conexión tipo modem para saber como se ve tu aplicación web mediante este tipo de conexión. De especial utilidad para los desarrolladores de Flash para ver el contenido de LoadVariables, LoadMovie y cargas de XML.

testing8.png

Charles Web Debugging Proxy

Gracias Alexdw

Supongo que hay muchas otras más, y os invito a que nos digáis cuales para añadirlas y así aumentar la lista.