También me gusta ordenar los atributos según su “poder de modificación” del elemento para ver de un vistaz la definición de un atributo.

Sobre lo de dividir los estilos en diferentes hojas hemos usado varias técnicas… una vez para un proyecto muy grande el cliente nos pidió separar las hojas según atributos: los que modificaban el layout en un CSS, los que modificaban los colores en otro y uno con el resto (texto, bordes…)

La experiencia no fue muy positiva ya que se hace muy pesado sobretodo cuando creas un estilo ya que tienes que crear los identificadores en las tres hojas, poner cada atributo en la hoja correspondiente y subir las diferentes hojas así que al final lo que haces es crear un estilo en cualquiera de las tres hojas y cuando crees que has acabado con él pasar cada atributo a cada hoja.

Para hacer cambios sí que va bien (sobretodo si es algo tan sencillo como cambiar el color de un elemento) pero como tengas que cambiar varias cosas estamos en lo mismo.

Otro sistema que hemos probado es dividir los elementos según donde van a aparecer (tablas.css, formularios.css, foros.css) pero al final siempre encuentras elementos que aparecen en distintos sitios y tienes que ponerlo en una hoja general.

El problema viene cuando quieres cambiar uno de estos elementos ya que al final no sabes si buscarlo en la hoja de estilos de formularios, la de tablas, la de foros o la general con lo que vuelves a perder el tiempo.

Espero la continuación de tu tema ya que estaría bien ver una forma más o menos útil de clasificar los CSS que te permita estar más tiempo codificando que organizando.

Un saludo,

Jordi Bufí Caballero – Neurotic

Tan sólo apuntar lo interesante que puede llegar a ser aplicar, en la hoja de estilos principal, ciertas reglas para normalizar el aspecto de los elementos típicos (h, p, ul,…) entre diferentes navegadores. Es un engorro ver como, por ejemplo, la etiqueta , con los estilos por defecto, tiene comportamientos muy diferentes entre navegadores.

Para ello, un copy & paste de ciertas reglas para normalizar los estilos nunca está de más. En su día me apunte estas reglas y las tengo en SNIPPLR:

http://snipplr.com/view/516/normalizar-css-tantek-celik–equiparar-ems-y-pxs/

Saludos y felicidades por el artículo!!!

Sendoa Portuondo

Ahora mi pregunta ¿usáis alguna plantilla tipo como de la que habla Daniel (cabecera, 3 columnas…)? o por el contrario os enfrentáis a cada diseño, creo que en alguna lista lo planteo alguien de Simplelógica, pero con mi memoria nula no recuerdo como terminó la conversación.

Mas, por favor!

Me parece muy acertada la aproximación de hacer un framework y sobre todo el partir de ciertos patrones de diseño que serán los que luego presentemos especificando sus CSS.

Y no puedo estar más de acuerdo con la técnica de usar ficheros CSS específicos para secciones o tipos de páginas. Esto facilita muchísimo el mantenimiento posterior del proyecto y además podemos sobreescribir las reglas generales con reglas específicas que solventen problemas de una determinada página o sección.

Sobre las preguntas previas… el problema suele estar siempre en la falta de conocimiento sobre los contenidos reales y en mi caso que exista un libro de estilo es una quimera.

Espero con impaciencia la segunda parte!

Solo dar un par de apuntes.

Jugar con el id y las clases en el body, siempre, será una gran factor determinate para aplicar los diferentes estilos que comentas.

Voy a decir una perogrullada, pero hacer esto y medianamente bien al principio del proyecto será de gran ayuda para el que lo hace y para el que venga detrás a tocar. Yo he intentado hacer algo parecido en un proyecto grande, ya con tiempo corriendo, e intentar rehacerlo todo puede llegar a ser una pesadilla y una tarea imposible por muchas variables.

Espero el siguiente con impaciencia