Saludos!
Primera vez que realizo una pregunta; es mas bien un consenso.
Me econtraba realizando una hoja de estilos a modo de plano para poder usar
como un sistema (estilo blueprint de Google); como la CSS es para que
implementarla aquí y es trabajo de otra persona algunas veces, me dediqué a
especificar los selectores con detalle (tipo: div#contenedor
div#menu-principal {... ) pero pronto me vi envuelto en una montaña de texto
que realmente se volvía agotador leer.
Se me ocurrio la idea de indentar el CSS; sí, tal cual como se realiza en
XHTML (y en otros lenguajes, por supuesto) para que otros desarrolladores o
fisgones lo puedan interpretar mejor:
div#contenedor {
> width: 80%; /* se requiere width */
> margin: auto auto; /* centra el contenedor */
> }
>
> div#encabezado {
> width: 100%;
> height: 200px;
> }
>
> div#menu-instantaneo {
> width: 100%;
> height: 20px;
> }
>
> div#capsula-contenido {
> width: 100%;
> }
>
> div#menu-principal {
> width: 30%;
> /* width: 100%; */
> }
Este es un ejemplo de lo que llevo, la idea es que en lugar de anidar
especificando en el selector, se pueda hacer a través de indentado. Mis
preguntas son:
1. Afecta en algo el uso del espacio en blanco para la renderización
del CSS en algún navegador. Tal vez para el W3C sea standard el uso de
tabulación, pero ya como sabemos, algunos navegadores (cough *IE* cough)
renderizan muy diferente, MUY.
2. Alguno ha tenido experiencia con esto? Cual ha sido el resultado?
Estoy seguro que a alguien mas se le habrá ocurrido.
3. Que tan buena practica la consideran? Servirá?.
Gracias por el tiempo!.
--
xNoleet ][ freelance graphic designer & artist ]
http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ]
http://h3x.dojohabit.com ][ experimental project ]