Guía de estilo para el css

En Neurotic nos hemos decidido a publicar la guía de estilo interna que usamos como referencia cuando maquetamos una página web.

pantallazo-hoja-de-estilos

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.

Imagen de Jordi Bufí

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!

Imagen de Jordi Bufí

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 ;) )

Imagen de Jordi Bufí

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

Imagen de Jordi Bufí

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

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h3> <h4>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato


CAPTCHA
Esta pregunta es para comprobar que eres humano de verdad y así prevenir mensajes de spam automatizados.
diez menos igual a nueve
Resuelve esta pregunta matemática e introduce la solución con números. P.ej. para "dos más cuatro igual a ?" introduce "6".