Buenos estilos CSS en cinco pasos
Vía Blogpocket encuentro 5 steps to CSS heaven, una guía de 5 pasos sobre cómo montar tus hojas de estilo para diseñar tu site sin grandes quebraderos de cabeza.
Por lo que he mirado, la guía es bastante acertada, pero tiene un detalle en el que me gustaría detenerme. He tratado de hacer el asunto pasable incluso para quien no domine de lo que hablo, pero he llegado a la conclusión de que igual necesitaré hacer una especie de guía aparte para poder orientar a cualquier novato o curioso.
Pero al ajo, el detalle que me ha llamado la atención es éste acerca de las clases (Referencias para aplicarle un estilo propio a etiquetas HTML):
Veamos, el párrafo ejemplo viene a decir lo siguiente: si tú usas mucho las negritas, el color rojo y la alineación a la derecha, creas una clase para cada una y luego, cuando apliques la clase con espacios cuando tengas que darle formato a una parte del texto, se aplicarán cada una de ellas a la vez (o sea, class="strong red align_right").
Entonces, para hacer un texto rojo alineado a la derecha, pero que no esté en negrita, podrías hacer class="red align_right".
Para hacer un texto en negrita y rojo, class="strong red".
Para hacer un texto en negrita y alineado a la derecha class="strong align_right".
¿Pero y si dejamos de usar el rojo, la negrita o la alineación a la derecha? A rehacer no sólo la plantilla CSS sino muchos de los documentos ya publicados. A jorobarse, vaya.
Por otra parte, no sabía yo que se pudieran usar las clases de éste modo, con lo que éste truquito podría aplicarlo a ciertas cosas a partir de éste mismo diseño que me serían la mar de útiles. En definitiva: ¡No te acostarás sin saber una cosa más!
Por lo que he mirado, la guía es bastante acertada, pero tiene un detalle en el que me gustaría detenerme. He tratado de hacer el asunto pasable incluso para quien no domine de lo que hablo, pero he llegado a la conclusión de que igual necesitaré hacer una especie de guía aparte para poder orientar a cualquier novato o curioso.
Pero al ajo, el detalle que me ha llamado la atención es éste acerca de las clases (Referencias para aplicarle un estilo propio a etiquetas HTML):
3) Crea clases para propiedades simples que vayas a usar a menudoMal. Muy mal.
Si te encuentras usando una sola propiedad mucho, dale su propia clase. Si nombras las clases de un modo sencillo, comenzarás a estilar tus documentos usando combinaciones de lectura fácil. Por ejemplo, class class=”strong red align_right”.
Veamos, el párrafo ejemplo viene a decir lo siguiente: si tú usas mucho las negritas, el color rojo y la alineación a la derecha, creas una clase para cada una y luego, cuando apliques la clase con espacios cuando tengas que darle formato a una parte del texto, se aplicarán cada una de ellas a la vez (o sea, class="strong red align_right").
Entonces, para hacer un texto rojo alineado a la derecha, pero que no esté en negrita, podrías hacer class="red align_right".
Para hacer un texto en negrita y rojo, class="strong red".
Para hacer un texto en negrita y alineado a la derecha class="strong align_right".
¿Pero y si dejamos de usar el rojo, la negrita o la alineación a la derecha? A rehacer no sólo la plantilla CSS sino muchos de los documentos ya publicados. A jorobarse, vaya.
Por otra parte, no sabía yo que se pudieran usar las clases de éste modo, con lo que éste truquito podría aplicarlo a ciertas cosas a partir de éste mismo diseño que me serían la mar de útiles. En definitiva: ¡No te acostarás sin saber una cosa más!
