Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/02/2013, 19:40
Maykk
 
Fecha de Ingreso: febrero-2011
Mensajes: 13
Antigüedad: 11 años, 11 meses
Puntos: 5
Less-Trapp Grid - CSS

Buenas noches.
Quisiera compartir con ustedes mi trabajo.
Esta semana he terminado un framework desarrollado en LESS para hacer Grillas de CSS.

https://github.com/Less-Trapp/Grid

http://less-trapp.github.com/Grid/index.html

Es simple, se pueden anidar columnas, Se puede hacer responsive de forma muy fácil.

Lo que mas me gusta es que se pueden usar múltiples grillas en una misma pagina con solo volver a llamar la función.

Código CSS:
Ver original
  1. .col ( 60px, 20px, 12);

Esta linea nos crea una Grilla de 12 columnas de 60px de ancho y espaciado de 20px.
Ahora no es sino empezar a llamar columnas y para esto hay varias maneras.
Código CSS:
Ver original
  1. .col ( 4 );
  2. .col ( 4, 3 );

La documentación no la he terminado, pero en la pagina hay varios ejemplos de como usarlo, tanto el código HTML con el código LESS.

Espero les sirva y si están interesados en aprender mas, con mucho gusto contacten conmigo y les ayudo.

También recibo sugerencias y colaboración con el proyecto.

Saludos