Front-End Zen » desarrollo http://blog.inspiroh.com El rincón para compartir los mejores secretos del desarrollo Front-End, y de la vida en general Thu, 27 Oct 2011 16:15:30 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Novedades del Firebug 1.8 http://blog.inspiroh.com/novedades-del-firebug-1-8/ http://blog.inspiroh.com/novedades-del-firebug-1-8/#comments Wed, 03 Aug 2011 11:49:07 +0000 Michael http://blog.inspiroh.com/?p=336 En Sitepoint he leído la noticia de que Firebug ha sacado una nueva versión que trae interesantes novedades. “La contra” es que para poder disfrutar del 1.8 necesitas Firefox 5. No funciona con las versiones anteriores. digo “en contra”, porque yo todavía no me he atrevido a instalarme el Firefox5 en el trabajo por temas de incompatibilidades de plugins. Pero tras leer esta noticia, creo que daré el paso de forma inminente. Si prefieres quedarte por ahora en Firefox 3 o 4, entonces te quedarás estancado al Firebug 1.7.3.

Entre las novedades que explica Sitepoint, me ha parecido interesantísimo:

console.timeStamp

Han añadido un nuevo comando API console.timeStamp(), que permite marcar una linea de tiempo en la gráfica de tiempo-carga que hay en el panel Red. Esto me parece buenísimo ya que permitirá depurar más y mejor, se podrá trabajar mucho mejor temas de optimización y velocidad de carga de la web, etc.

Solo por esta característica ya me lo estoy bajando.

Preview del color

Otra característica chula es que ahora Firebug muestra los colores en los formatos hex, rgb, rgba, hsl y hsla; y además te muestra en una tooltip pequeñita una previsualización del color.

 

También se destacan otras características como formato de dimensiones de cajas CSS3, Opciones del panel DOM, dirección IP en el panel Red, preview HTML en el panel Red (útil para ver respuestas JSON que devuelven html) y opciones adicionales para editores externos.

Puedes encontrar un resumen más completo en el artículo de Sitepoint o en el sitio oficial de Firebug.

Descargar Firefox 5

Descargar Firebug 1.8

]]> http://blog.inspiroh.com/novedades-del-firebug-1-8/feed/ 0 Rainbow for Firebug: Dale color a tu firebug http://blog.inspiroh.com/rainbow-for-firebug-dale-color-a-tu-firebug/ http://blog.inspiroh.com/rainbow-for-firebug-dale-color-a-tu-firebug/#comments Thu, 18 Jun 2009 10:02:15 +0000 Michael http://blog.inspiroh.com/?p=54 En la actualidad, un Front-End developer tiene un compañero inseparable en sus largas horas delante del ordenador: El firebug. Si no te suena este nombre y te consideras Front-End, entonces deberías correr a descargártelo! Me lo agradecerás.

Firebug es un componente o plug-in de Firefox que ofrece interesantes herramientas para desarrollar la parte frontal de una web (css, html, js). La gran ventaja que ofrece es la de poder analizar en tiempo real cualquier elemento de la página, e incluso modificarlo y ver el cambio al momento.

Herramienta indispensable para un Front-End, sin lugar a dudas.

Nuevo componente para completar el Firebug: Rainbow

Colorea el código del javascript facilitando su análisis

Hoy encontré un plug-in nuevo que se llama “Rainbow para Firebug”, y que mejora aún más el firebug en el sentido de que cuando consultas un script desde el entorno de firebug, colorea el código facilitando MUCHISIMO el análisis del código. Un detalle que parece poco, pero en realidad es mucho.

Descárgate el plug-in “Rainbow for Firebug 1.3″ ahora

Observación: No es una versión estable sino que está en experimental, pero yo lo he probado y por ahora ningún problema.

]]> http://blog.inspiroh.com/rainbow-for-firebug-dale-color-a-tu-firebug/feed/ 0