Firebug + YSlow, las mejores extensiones

Firefox tiene la ventaja de su plataforma abierta para las extensiones, esto permite tener las mejores del mercado de browsers y por ende las que tienen mayores posiblidades de crecimiento. Obviamente muchas veces nos dejamos llevar por la emoción de lo nuevo e instalamos las peores del mundo, esas que consumen memoria a lo loco o hacen lento el Firefox.

Pero una como Firebug es INDISPENSABLE para cualquier desarrollador Web. Te premite analizar TODO lo que necesitás saber de tu web, sumado a que te analiza hasta el tiempo de carga de cada item, el modelo DOM, hasta que valor tiene cada variable de javascript en ese momento, editar el código "inline" para ver los cambios, tocar el CSS, TODO lo que se te pueda ocurrir y muy bien armado en una pestaña inferior, útil, cómodo, usable, que más se puede pedir?

YSlow es un ejemplo de que más se podía pedir, este "analizador" es un complemento de Firebug y lo que te ofrece es una serie de consejos para solucionar los posibles problemas que puede tener la carga lenta de tu web. No sólo te indica donde hay problemas, te los describe y te linkea con la explicación completa en Yahoo, de donde sale la extensión.

Otra recomendable es la FireUploader, una extensión excelente que sirve para subir archivos a distintas redes como Flickr, PicasaWeb, Facebook, Box.net o Youtube, desde el mismo browser y listo, solucionado el tema. Ya en otro momento les comenté la de FireFTP, otra excelente extensión.
Permite arrastrar archivos a una ventana y los sube directamente, por lo que no requiere salir del Firefox ni aplicaciones especiales, sólo le falta un detalle y es hacer el resize de fotos para Picasaweb, pero sólo un detalle.

Combinando esto con la tradicional Web Developer no deberíamos tener excusas para hacer webs como la mía :D (che, que cuando armé el diseño ni tenía todo esto! :D)

Categoría: Programación Etiquetas:  
Otros posts que podrían llegar a gustarte...

Comentarios

  • Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.

    Y tengo un par de cosas mas para los CSS.

    Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    Sebastian(Valtur) dijo:

    Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.

    Y tengo un par de cosas mas para los CSS.

    Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)


    .net no tiene por qué chocar con Firefox, todo lo hacés con ajax y javascript, si lo hacés BIEN debería andar en IE7 y FF 2 tranquilamente :D así que excusas microsoftianas no! :D debe funcionar bien en ambos, sea .NET o Java lo que tengas del otro lado

    • Responder
    • Citar
    • Comentado:

  • Fabio dijo:

    Sebastian(Valtur) dijo:
    Para la parte JavaScript y elementos WEB uso DebugBar. Permite tirar comandos JavaScript directos etc. Debe ser lo mismo.

    Y tengo un par de cosas mas para los CSS.

    Pero bueno, aca desarrollamos .NET y apps internas. No es parte de la idea que funcione para firefox (De hecho no funcan muchas cosas. Bha un par hasta no funcan en IE 7 XD)


    .net no tiene por qué chocar con Firefox, todo lo hacés con ajax y javascript, si lo hacés BIEN debería andar en IE7 y FF 2 tranquilamente :D así que excusas microsoftianas no! :D debe funcionar bien en ambos, sea .NET o Java lo que tengas del otro lado


    No es lo de AJAX. Y no tiene por que chocar, es cierto. Tiene un drama con los Panels el IE7. Se superponen, cuestion estetica que se ve distinto, asiq eu hay que meter codigo para que quede bien. Hay linked buttons que no funcan. Si anda en IE, no preocupa que no ande en FF. Suelen ser siempre cuestiones de visibilidad. Igual eso es por lo que usamos IE. (aparte que las cosas tienen que andar en posiciones que usan IE 5.5)

    Es como a vos, que te que debe importar poco que no ande en esta parte lo de que los textbox que no estan siendo editados esten en gris, en IE.

    • Responder
    • Citar
    • Comentado:
  • Lucasg    

    soy una persona sana y no hago diseño web ni codifico

    voy a probar fireuploader

    • Responder
    • Citar
    • Comentado:
  • Silvio    

    A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
    ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
    Probé con Explorer, perdon por la palabra, y funciona al pelo...

    • Responder
    • Citar
    • Comentado:

  • Silvio dijo:

    A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
    ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
    Probé con Explorer, perdon por la palabra, y funciona al pelo...


    O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    Sebastian(Valtur) dijo:

    Silvio dijo:
    A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
    ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
    Probé con Explorer, perdon por la palabra, y funciona al pelo...


    O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.


    en mi Firefox funciona, depende de Windows, no del firefox, si tenés el Windows Media actualizado, se ve en FF.

    igualmente apesta, podrían haber utilizado cualquier otra cosa para streaming pero prefirieron usar WM


    Sebastian(Valtur) dijo:
    Es como a vos, que te que debe importar poco que no ande en esta parte lo de que los textbox que no estan siendo editados esten en gris, en IE.


    estás equivocado, yo siempre testeo este blog en IE para que funcione, que los "lujos" queden sólo para FF es culpa de M$ y su mal soporte de CSS, pero no deja de funcionar nada de javascript por eso, simplemente apesta, pero anda. Guiño

    • Responder
    • Citar
    • Comentado:

  • Fabio dijo:



    Seguro, por que tu app esta para inet. No dije que no te importara que ande el sitio. Tus usuarios son de firefox y de IE, con lo cual no es un lujo que ande y se vea bien en los 2, y si lo de estos textbox. Para nosotros el lujo seria que se vea igual en firefox. Es mas posible que entren por WAP que por FF por que son apps internas y tenemos licenciado todo con MS.

    Igual revise un par de cosas y son pocas las que no andan. Lo de los paneles que se superponen, y algunos linked buttons, algo de .NET que arma solo por JS (obviamente, mal)

    • Responder
    • Citar
    • Comentado:
  • Guty    

    No es por hacer proselitismo barato, pero los que quieran diseñar para que se vea bien en IE se van a volver locos, eso o van a dejar la web horrible para los demás browsers :s
    Voy a probar esas extensiones que me van a venir al pelo.

    • Responder
    • Citar
    • Comentado:
  • Ironic    

    mmm las cosas tienen que andar tanto en IE como en Firefox...

    y los lujos, se los pierde IE... (:after, :before y esas cosas)...

    Ahora reinicio FX y pruebo el YSlow, los otros ya los usaba.

    • Responder
    • Citar
    • Comentado:
  • Gracias por los datos, excelentes!

    • Responder
    • Citar
    • Comentado:
  • Danbat    

    Lucasg dijo:

    soy una persona sana y no hago diseño web ni codifico

    Quiero ser una persona sana... snif.

    • Responder
    • Citar
    • Comentado:
  • Guty    


    Ironic dijo:

    mmm las cosas tienen que andar tanto en IE como en Firefox...

    y los lujos, se los pierde IE... (:after, :before y esas cosas)...


    Por mi que IE se pierda la web entera literalmente.

    • Responder
    • Citar
    • Comentado:
  • yo utilizo Opera y la Opera Developer Console, es igual a firebug, el mismo tambien puede ser utilizado gracias a la opciones de habilitar los script de usuarios.

    • Responder
    • Citar
    • Comentado:
  • Lucasg    


    Danbat dijo:

    Lucasg dijo:
    soy una persona sana y no hago diseño web ni codifico

    Quiero ser una persona sana... snif.

    bue tampco es para tantooooo son medio friki jajaj

    • Responder
    • Citar
    • Comentado:
  • Y el Gspace? qie te `permite utilizar gmail como disco rigido virtual????

    • Responder
    • Citar
    • Comentado:
  • silvio    


    Fabio dijo:

    Sebastian(Valtur) dijo:
    Silvio dijo:
    A propósito de Firefox (y a despropósito de todo lo que explicaste y nada entendí )
    ¿Porqué Firefox no abre los videos (como en www.tn.com.ar) ?
    Probé con Explorer, perdon por la palabra, y funciona al pelo...


    O no debes tener la ultima Ver. del firefox, o te debe faltar bajar el Plug-In necesario. Pero se ven bárbaro.


    en mi Firefox funciona, depende de Windows, no del firefox, si tenés el Windows Media actualizado, se ve en FF.


    A eso me refiero, porque para IE no necesito actualizarlo y para FF si. (tengo la version 10.00.00.3955)
    Es punto para IE

    • Responder
    • Citar
    • Comentado:
  • silvio    

    y el FF 2.0 , iE 6.0
    Esta bien, no hablo mas del tema

    • Responder
    • Citar
    • Comentado:
  • Guty    

    IE se caga en los estándares, hay que eliminarlo de la faz de la Tierra

    • Responder
    • Citar
    • Comentado:
  • Aitor    

    Firebug es Genial!

    Además ahora también está disponible para Explorer!

    http://www.rediario.es/firebug

    • Responder
    • Citar
    • Comentado:
  • Aitor    

    <a href="http://www.rediario.es/firebug">Firebug Lite</a> tambien está disponible para explorer aunque solo se encarga de la depuración de código Javascript

    • Responder
    • Citar
    • Comentado:
  • Maurin    

    esto es viejo, pero hay alguna que detecte problemas en firefox o compatibilidad con otras extensiones... se me esta colgando mucho ultimamente...

    • Responder
    • Citar
    • Comentado:

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https
Para evitar bots, si se tardó mucho en leer la nota seguramente no sirva y tenga que intentar dos veces

Negrita Cursiva Imagen Enlace


comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador