En Neurotic nos hemos decidido a publicar la guía de estilo interna que usamos como referencia cuando maquetamos una página web.
Sobretodo contiene directrices para la creación del CSS pero también para la creación de los html, las carpetas y el resto de archivos implicados en el proyecto. Cualquier crítica, opinión o consejo será más que bienvenida.
Puedes bajarte el archivo en formato OpenOffice o PDF desde los siguiente enlaces.
Como se trata de un documento "vivo" iré subiendo las nuevas versiones conforme vaya evolucionando.


Gracias, me parece una buena
Gracias, me parece una buena opción de como habéis llamado a las capas generales, es una cosa que nunca he sabido como hacerlo y me parece una buena opción.
Saludos
Interesante documento muy
Interesante documento muy bien estructurado.
Gracias a ambos :)
Gracias a ambos :)
Muy interesante. Me lo
Muy interesante. Me lo guardo e intentaré seguir tu propuesta tipo...
no es de ningún interes pero inconscientemente últimamente estaba llamando yo sideLeft i sideRight a lo que tu llamas side-A y side-B... o sea que voy por el buen camino!
Nasi el problema es que si le
Nasi el problema es que si le llamas sideLeft y en un momento determinado cambias la capa de posición el nombre de la clase ha perdido todo el sentido :P
Últimamente estoy cogiendo la
Últimamente estoy cogiendo la constumbre de meter las imágenes relativas al diseño dentro de una carpeta "img" dentro de la carpeta "css":
web/ <- la web
web/css/ <- los estilos
web/css/img/ <- las imágenes de los estilos
web/img <-- imágenes del contenido
lo que hace más sencilo reutilizar las web o realizar múltiples diseños (los background de los css también son más fáciles de escribir ;) )
La verdad es que nunca me lo
La verdad es que nunca me lo había planteado pero tiene muchísimo sentido. En estos momentos como casi nuestros desarrollos los realizamos en Drupal ponemos las imágenes dentro de la carpeta de la "plantilla" por lo cual están relacionadas también con la maquetación.
De todos modos está bien saberlo por si alguna vez hacemos alguna página sin gestor de contenidos y la maquetamos directamente.
Gracias! :)
La nomencalatura de la
La nomencalatura de la estructura principal de la página parece muiy acertada, pero ¿por qué no en español? cabecera, envolotrio (o similar), columnas, contenido, contenedor, pie, etc.
Un saludo y gracias.
Si, me parece algo de lo más
Si, me parece algo de lo más acertado. Me lo apunto
Miguel está en inglés porque
Miguel está en inglés porque como hacemos proyectos tanto en español como en inglés y en catalán hemos escogido el idioma más "popular". Además si en un proyecto determinado participa alguien de fuera es más normal que entienda el inglés que cualquiera de los otros dos idiomas...
Muy interesante pero mejor
Muy interesante pero mejor cambiar esto de la página 2:
"en Clases, Variables, Funciones, etc: _ (subrallado)" por "en Clases, Variables, Funciones, etc: _ (subrayado)"
Saludos. :-)
Pingback
[...] Guía de estilo para el CSS [...]
Enviar un comentario nuevo