elWebmaster.com

En esta nota te contamos todas las novedades acerca del sistema de debug que vendrá incluido con Firefox 4, y cómo hará Mozilla para mantener con vida a su famosa extensión Firebug. Seguir leyendo

Existen dos formas típicas de debuggear código del lado de servidor: mediante un Ambiente de Desarrollo Integrado (IDE) con un debugger incorporado o realizar los procesos de debuggeo en un navegador web.

En esta nota compartiremos contigo una forma elegante y simple de debuggear aplicaciones Ajax mediante Mozilla Firefox, a través de FirePHP. Seguir leyendo

En esta nota estaremos buscando a las 5 bibliotecas JavaScript que realmente pueden facilitar el desarrollo de modernos y atractivos sitios web.

Las bibliotecas que estaremos viendo no son bibliotecas como jQuery o YUI, sino que son mucho más pequeñas y mucho más especializadas. Seguir leyendo

Page Speed es una nueva herramienta de código abierto encargada de mejorar el desempeño del imprescindible plugin Firebug para el navegador Mozilla Firefox.

Page Speed tiene como propósito mejorar la performance de nuestras páginas web, y al igual que Firebug debe instalarse como plugin, para luego integrarse con éste. En esta nota conoceremos Page Speed en profundidad. Seguir leyendo

Debido a que el rastreo de información es recolectado del lado del cliente, es importante tener una forma de exportar todo de Firebug y permitir el procesamiento de la información por otras herramientas.

Jan Odvarko del equipo de Firebug ha creado un nuevo plugin y sitio web que permite exportar información de Firebug en el formato de archive HTTP y luego visualizar la información JSON por medio del visor de HTTP archive. Seguir leyendo

Firefinder es una nueva extensión para Firebug que se encarga de encontrar elementos HTML que concuerdan con los selectores CSS especificados por el usuario o con las expresiones XPath.

La idea es poder encontrar rápidamente los selectores CSS/XPath en un documento para ver qué concuerda, o cuántas instancias de un cierto elemento están presentes (por ejemplo, una clase específica de h2). Seguir leyendo

Desde el sitio web SitePoint nos traen FireScope, se trata de un add-on para Firefox que se integra con Firebug para extenderlo con material de referencia para HTML y CSS.

La funcionalidad básica de esta extensión está centrada en una herramienta de búsqueda que nos permite encontrar elementos y atributos HTML, junto con propiedades CSS. Seguir leyendo

Firebug en algún momento comenzó por ser una extensión más para Mozilla Firefox pero debido a su gran eficiencia para debuggear y editar HTML, CSS y Javascript “en tiempo real” y monitorear el tráfico de cualquier página web paso a integrarse al navegador.

Actualmente existen algunas extensiones para Firefox que trabajan conjuntamente con Firebug como es el caso de FireUnit un plugin que nos da la posibilidad de realizar pruebas unitarias de Javascript y mostrará los logs en una pestaña de Firebug. Seguir leyendo

Me acabo de enterar que Firebug ha pasado a ser parte de Mozilla, algo bastante coherente dado que se trata de un plugin de Firefox. Y hablando de esto ¿sabías que hay “plugins de plugins”? Tal es el caso de estos 5 que potenciarán tu Firebug y te permitirán trabajar incluso con PHP.

Usualmente con Firebug podemos inspeccionar, debuggear y trabajar con HTML, CSS y el DOM. Ahora podremos incluir soporte para PHP, como ya dije, cookies y hasta una herramienta para ajustar imágenes visualmente (acomodando el CSS automáticamente para que quede la imagen en el lugar exacto). ¡Ideal para programadores y diseñadores! Seguir leyendo

A veces no nos damos cuenta lo mucho que nos pueden ayudar los plugins del navegador a la hora de desarrollar o debuggear un sitio web. Algunos son herramientas fantásticas como los add-ons de Internet Explorer o la Web Developer Toolbar.

Desde Pixelco.us blog, Diego Cambiaso nos trae una selección de los 12 mejores plugins para Firefox. Con ellos podremos modificar directamente el código de nuestros sitios, los estilos CSS, depurar Javascript o usar un editor WYSIWYG para editarlos. Seguir leyendo