Un framework, como bien dice la Wikipedia, es una estructura conceptual y tecnológica de soporte definida, con la base para que otro proyecto de software pueda ser organizado y desarrollado. Su principal labor durante éste tiempo ha sido facilitar la creación del desarrollo de software, para no tener que preocuparse de temas repetitivos en cada proyecto y así poder centrarse en la verdadera funcionalidad de nuestra aplicación.
A continuación veremos una lista de frameworks verdaderamente útiles a la hora de desarrollar nuestro código HTML y nuestras hojas de estilo(CSS);
1. Formy (un framework CSS para formularios)
Su objetivo principal es ser un CSS universal para todos los formularios. Cuenta tambien con un Reset.css para facilitar al máximo la compatibilidad entre navegadores de nuestro diseño web( cross-browser). Existen varias demos disponibles para ver su utilidad:
2. 960 Grid System
Es uno de los mejores frameworks para CSS que he probado. Su nombre responde a que es un sistema de rejilla para hacer aplicaciones web con 960px de ancho. Precisamente han elegido éste valor porque es divisible por una gran cantidad de números, lo cuál facilita mucho la organización del contenido en 12 columnas o en 16.
Anchuras posibles con la variante 12 columnas
Con la primera de las variantes de 960 Grid podemos hacer divisiones en hasta 12 columnas distintas
1: 60px 2: 140px 3: 220px 4: 300px
5: 380px 6: 460px 7: 540px 8: 620px
9: 700px 10: 780px 11: 860px 12: 940px
Anchuras posibles con la variante 16 columnas
Utilizando la variante de 16 columnas tenemos 16 posibles anchuras de elementos de la página.
1: 40px 2: 100px 3: 160px 4: 220px
5: 280px 6: 340px 7: 400px 8: 460px
9: 520px 10: 580px 11: 640px 12: 700px
13: 760px 14: 820px 15: 880px 16: 940px
Aquí podemos ver las demos para conocer su verdadera utilidad.
3. Blueprint
Este framework tambien nos ofrece un montón de interesantes opciones para desarrollar nuestro proyecto. Aparte de traernos un Reset.css para adaptar el diseño a los diferentes navegadores, tambien dispone de un grid bastante avanzado para los elementos flotantes, aunque quizá uno de sus puntos fuertes sea su hoja de estilos predeterminada para los formularios, que dispone de maquetación para casi todos los elementos que se te puedan ocurrir, desde cajas de error, de advertencias, de información, etc. pasando por los habituales checkboxes, radiobuttons, etc. En su web, disponen de demos para poder apreciar todo su potencial.
No hay comentarios:
Publicar un comentario