jueves, 21 de abril de 2016

Los 5 mejores frameworks CSS de 2016

Hasta hace unos años la tarea de realizar una nueva página web implicaba tener que desarrollar una hoja de estilos CSS completamente nueva o realizar amplias modificaciones en una que ya hubiéramos realizado anteriormente en un sitio web similar. Cada proyecto es único y los elementos que se muestran en pantalla tienen unos colores, tamaño y disposición que normalmente había que modificar para cada proyecto.

Por suerte empezaron a proliferar los frameworks CSS, que son unas hojas de estilo con unos elementos básicos con los que se puede realizar cualquier página web que se nos pueda ocurrir con el mínimo esfuerzo. La ventaja es obvia: ya no tenemos que desarrollar desde 0 una hoja de estilos que puede llegar a tener miles de líneas de código y que tiene que ser compatible con una gran variedad de navegadores y dispositivos.

A continuación voy a enumerar los 5 frameworks que pueden resultarnos más útiles a la hora de crear una página web:

1. Bootstrap




Este es el framework CSS más extendido. Tiene una enorme comunidad de usuarios, infinidad de temas y plantillas y cuenta con el importante detalle de estar creado por el equipo de Twitter. Las únicas desventajas que puede tener es que al ser tan utilizado todos los sitios que lo implementan parecen demasiado similares. Otro punto en contra es que al tener tal cantidad de opciones como las que incluye el tamaño de los archivos incluidos pueden resultar demasiado elevados.

http://getbootstrap.com


2. Foundation




Un excelente framework realizado por el estudio de diseño Zurb. Es uno de los más utilizados gracias a su gran variedad de componentes, la excelente documentación y a la gran comunidad de usuarios que tiene.

http://foundation.zurb.com


3. Materialize




Es uno de los frameworks que más popularidad está cosechando en los últimos años. Tiene infinidad de nuevos seguidores. Las claves con un diseño moderno y atractivo, multitud de componentes y una buena documentación.

http://materializecss.com


4. Pure CSS




Está realizado por el equipo de Yahoo. Tiene un gran diseño y la ventaja sobre sus competidores de que ocupa muy poco espacio, lo que lo hace ideal para que las páginas web funcionen de forma rápida y fluida, algo fundamental cuando uno piensa en la usabilidad en los teléfonos móviles.

http://purecss.io


5. Shine CSS




Este es un nuevo framework cada vez más usado gracias a su facilidad de uso y sobre todo por el poco espacio que ocupa. Permite realizar páginas web modernas y atractivas auto-adaptables para cualquier tipo de dispositivo de forma rápida y sencilla, con la ventaja de la rapidez de carga y renderizado de los contenidos.

http://rmmfree.github.io/shine_css/