sábado, 26 de abril de 2008

Guia de estilo para CSS

Ahora que me encuentro encaminado en el proceso de re-diseño del portal institucional, una de mis prioridades son el orden, metodologia, directrices, standares y todo lo que me facilite la existencia tanto a mi como a cualquier persona involucrada en el proyecto.

Mi css deberia contar con esto (antes de que se me cuestione porque en ingles...pues porque si!!!!!,)
es mas practico, muchos terminos son mas cortos, mas comunes o tarde o temprano encontramos tecnisismos, no se si este bien dicho o escrito...ademas de esta manera todo mundo lo entenderia

Definicion de codigo:
Al inicio de todo archivo

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: estilo.css
* Version: 1.0.0 (2008-04-26) YYYY-MM-DD
* Website: http://www.colef.mx
* Author: Valentin Leyzaola
* Description: Maqueta y da formato al sitio entero.


== STRUCTURE: ==============================
* Page width: 950 px
* Number of columns: 3
============================================

*/



Ejemplo de un bloque:

* _header
==========================================*/
#header{

}

#header .logo{

}



Podriamnos dividir nuestro CSS en diferentes archivos:

  • typography.css para reglas basicas de tipografia,
  • grid.css layouts basados en grids
  • layout.css layouts general,
  • form.css formas,
  • general.css Reglas generales




Porque?

responde a

  • Standards
  • Clean
  • Fast Access
  • lots…


No hay comentarios: