Re: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)
Prueba el plugin Firebug para Firefox. Saludos. 2010/4/7 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 > -- 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
Re: [Ovillo] software para dibujar estructuras css y html. (arbol DOM)
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
[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
