layouts – vloox
Programación

Grid framework CSS de 1 línea

La idea de 1 line CSS Grid Framework es poder crear un layout CSS basado en grillas con solo una línea de código CSS: [sourcecode language=”css”] .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; } Este sistema parte del principio de que cada columna puede dividirse en 2, por lo que pueden hacerse layouts de 2, 4, 8, 16… columnas. Obteniendo este resultado: Funciona con px, em y porcentajes. Es compatible con todos los navagadores, hasta El autor no lo recomienda para producción, si no más bien como una demostración de lo que puede hacerse con solo una línea de CSS. Otra opción un poco más completa pero ultra pequeña, del mismo autor, es Malo, un  framework CSS de 8 líneas. Y para el que lo anterior no le alcance tiene Emastic y The Golden Grid. Por mi parte, hice un layout fluido clásico de blog de 3 columnas: header, contenido, dos sidebars y footer. En conclusión,  1 line CSS Grid Framework es muy fácil de usar y puede servir para crear sistemas de grillas simples.
Leer mas »
Recursos

Layouts CSS y XHTML

Hay muchos sitios con layouts CSS, pero Code Sucks es el mejor que he visto. El código XHTML y CSS es claro, simple y muy fácil de entender para modificarlo. Hay 95 diseños distintos para elegir: 1 columna, 2 columnas, 3 columnas, etc. Los layouts de Code Sucks son perfectos para usar como base en el diseño de templates para CMS.
Leer mas »