[Ovillo] software para dibujar estructuras css y html. (arbol DOM)

2010-04-07 Por tema sebastian garcia-valenciano
Hola,

¿Conoceis/recomendais algún software para documentar la estructura (y resto
de marcas HTML) de una página?  Es decir, para tener una ayuda visual que
asocie el código HTML y CSS  con los wireframe (o documento final
maquetado).

Hasta ahora lo documento todo vía lapiz y papel [guiño]   algo del estilo de
esta imagen:

http://www.ducban.com/wp-content/uploads/2008/11/dom-treeselector-list.gif

Me explico, más de una vez en la maquetación de aplicaciones web surgen
extensas estructuras de código, que por muchas buenas prácticas que apliques
(tabulaciones, estructuras, código semántico etc...) llega un momento que si
retomas el código pasado x tiempo sin verlo (o simplemente lo retoma otro
maquetador) le tienes que dedicar un tiempo extra.
Un ejemplo sería el propio Gmail, que si os fijais en su código, tiene
extensas anidaciones de divs (con sus contenidos) y todo con su
correspondientes id y class.

El plugin web depeloper de Firefox viene muy bien para estos temas, pero
busco algo que preceda a la codificación y pueda ser modificado durante la
misma.

¡A ver que herramientas usais!
gracias!


-- 
___
Sebas
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)

2010-04-07 Por tema Claudio Daniel P.
Yo siempre use el notepad++ y contrasto contra el Firefox.

-Original Message-
From: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] On Behalf Of sebastian
garcia-valenciano
Sent: Miércoles, 07 de Abril de 2010 08:06 a.m.
To: ovillo@lists.ovillo.org
Subject: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)

Hola,

¿Conoceis/recomendais algún software para documentar la estructura (y resto
de marcas HTML) de una página?  Es decir, para tener una ayuda visual que
asocie el código HTML y CSS  con los wireframe (o documento final
maquetado).

Hasta ahora lo documento todo vía lapiz y papel [guiño]   algo del estilo de
esta imagen:

http://www.ducban.com/wp-content/uploads/2008/11/dom-treeselector-list.gif

Me explico, más de una vez en la maquetación de aplicaciones web surgen
extensas estructuras de código, que por muchas buenas prácticas que apliques
(tabulaciones, estructuras, código semántico etc...) llega un momento que si
retomas el código pasado x tiempo sin verlo (o simplemente lo retoma otro
maquetador) le tienes que dedicar un tiempo extra.
Un ejemplo sería el propio Gmail, que si os fijais en su código, tiene
extensas anidaciones de divs (con sus contenidos) y todo con su
correspondientes id y class.

El plugin web depeloper de Firefox viene muy bien para estos temas, pero
busco algo que preceda a la codificación y pueda ser modificado durante la
misma.

¡A ver que herramientas usais!
gracias!


-- 
___
Sebas
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.800 / Virus Database: 271.1.1/2795 - Release Date: 04/06/10
15:32:00

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)

2010-04-07 Por tema Luis Mario Álvarez
Prueba el plugin Firebug para Firefox.

Saludos.

2010/4/7 Claudio Daniel P. inquil...@gmail.com

 Yo siempre use el notepad++ y contrasto contra el Firefox.

 -Original Message-
 From: ovillo-boun...@lists.ovillo.org
 [mailto:ovillo-boun...@lists.ovillo.org] On Behalf Of sebastian
 garcia-valenciano
 Sent: Miércoles, 07 de Abril de 2010 08:06 a.m.
 To: ovillo@lists.ovillo.org
 Subject: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)

 Hola,

 ¿Conoceis/recomendais algún software para documentar la estructura (y resto
 de marcas HTML) de una página?  Es decir, para tener una ayuda visual que
 asocie el código HTML y CSS  con los wireframe (o documento final
 maquetado).

 Hasta ahora lo documento todo vía lapiz y papel [guiño]   algo del estilo
 de
 esta imagen:

 http://www.ducban.com/wp-content/uploads/2008/11/dom-treeselector-list.gif

 Me explico, más de una vez en la maquetación de aplicaciones web surgen
 extensas estructuras de código, que por muchas buenas prácticas que
 apliques
 (tabulaciones, estructuras, código semántico etc...) llega un momento que
 si
 retomas el código pasado x tiempo sin verlo (o simplemente lo retoma otro
 maquetador) le tienes que dedicar un tiempo extra.
 Un ejemplo sería el propio Gmail, que si os fijais en su código, tiene
 extensas anidaciones de divs (con sus contenidos) y todo con su
 correspondientes id y class.

 El plugin web depeloper de Firefox viene muy bien para estos temas, pero
 busco algo que preceda a la codificación y pueda ser modificado durante la
 misma.

 ¡A ver que herramientas usais!
 gracias!


 --
 ___
 Sebas
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 No virus found in this incoming message.
 Checked by AVG - www.avg.com
 Version: 9.0.800 / Virus Database: 271.1.1/2795 - Release Date: 04/06/10
 15:32:00

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
mario álvarez
desarrollador web
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo