Xitrus está alojado en:
Hay cada día más frameworks para ayudarnos a crear Responsive Designs (como Bootstrap, Foundation o Boilerplate), pero voy a enseñaros unos cuantos más frameworks que son mucho más desconocidos pero que tienen mucho potencial.
Me voy a centrar en distintos frameworks que se basen en cuadrículas (o grids) y en columnas, aunque cada uno tiene sus peculiaridades que harán que consigas Responsive Designs fantásticos.
Responsive Grid System es un framework totalmente hecho con CSS que admite cualquier ancho de página (al ser totalmente en porcentajes) y funciona de una forma muy intuitiva y amplia. Tiene varias clases que tenemos que tener en cuenta, pero se puede resumir con el uso de las clases .span_2_of_6, siendo 2 la parte que cogemos de 6 (como si fuese una fracción, pero admite cualquier número desde el 2 hasta el 12 y cualquier fracción de ellos).
Gridiculous es un framework basado en Boilerplate que funciona solo con CSS y está basado también en 12 columnas que podemos configurar de cualquier forma.
En este caso, a diferencia de la simplicidad del anterior framework este tiene por defecto un ancho máximo de 1200px y funciona añadiendo filas (con el nombre de clase "row") y en su interior columnas que se nombran de la siguiente forma: "c4" (siendo 4 la fracción de las 12 columnas, por lo que podemos usar todas las columnas que queramos hasta llenar el hueco de la fila).
Y por último Gumby es otro framework CSS basado en cuadrículas y admite hasta 14.
Su uso es similar al del framework anterior, usa las mismas filas con el nombre de su clase "row", pero la nomenclatura de sus columnas es la siguiente: "two columns" (es decir, admite desde el 1 hasta el 14 pero siempre escrito).
Como siempre digo, este es el camino fácil y simple, con el que algunas veces no se puede contar en ciertos diseños, por lo que si necesitáis saber como crear Responsive Desings siempre podéis recurrir a los artículos que he escrito sobre este tema.
Xitrus está alojado en:
