20 frameworks responsivos para adaptar hellip

20 frameworks responsivos para adaptar tu web a todos los dispositivos

Estas navidades, aprovechando las vacaciones y el descenso de visitantes que ello conlleva, he optado por hacerle unos arreglillos a mi blog. Para ello, he estado investigando entre la gran cantidad de frameworks responsivos disponibles, hasta dar con uno que se adaptara a mis necesidades y mi nivel como programador. Mielección final ha sido bootstrap 3 por cuestiones de diseño, pero hay otros tantos que me han resultado interesantes y que recojo en esta entrada.
 
 
1. Pure: Css framework
Pure es un framework responsivo creado por yahoo que usa como base Normalize.css. Aparte del grid responsivo, cuenta con los elementos básicos que componen la interfaz de usuario, como botones, menús, etc. Su peso minificado ycomprimido es bastante liviano (4.4 Kb si usamos todos los modulos). Es sencillo de usar y cuenta con abundante documentación y ejemplos en su web.

Licencia: BSD License
Github: https://github.com/yui/pure
Web: http://purecss.io/
 
2. Bootstrap 3
La nueva versión de este popular framework poco tiene que ver con su predecesora. En esta ocasión se le ha dado una prioridad absoluta al diseñoresponsivo, hasta el punto de que se diseña primero para los dispositivos móviles, para posteriormente ir adaptando a resoluciones mayores. Otro de los puntos fuertes de este framework, es la gran cantidad de componentes que incluye, como alertas, barras de progreso, dropdowns, botones etc.
Para comenzar a usar bootstrap de forma rápida podemos descargar la versión precompilada. Pero lo más normal, siestamos empezando, es que tengamos que destripar algún que otro ejemplo, por lo que será más recomendable descargar la version source, la cual incluye todos los archivos junto con la documentación.
En su web también hay disponible una tabla de equivalencias entre bootstrap 2 y bootstrap 3 por si tu intención es actualizar, pero como ya decía arriba, son totalmente diferentes, por lo que la mejor opciónes iniciar un nuevo proyecto basado en bootstrap 3.

Licencia: MIT License
Github: https://github.com/twbs/bootstrap
Web: http://getbootstrap.com/
 
3. YAML
YAML es un framework CSS centrado en los estándares web y la accesibilidad. Esta construido sobre SASS y es compatible con los principales navegadores modernos, incluso con explorer 6. Por otro lado, debido a que lleva funcionando desde 2005cuenta con abundante documentación, incluidos tutoriales de integración y plantillas para numerosos CMS.

Licencia: Creative Commons (CC-BY 2.0)
Github: https://github.com/yamlcss/yaml
Web: http://www.yaml.de/
 
4. IVORY
Ivory es un sencillo framework responsivo basado en un grid de 12 columnas que ofrece 4 diseños de diferente ancho (1200px, 1140px, 1024px y 960px). Debido a esta sencillez esextremadamente ligero (32kb sin comprimir), lo que no quita para que cuente con sus propias tipografías, formularios, botones, listas y demás elementos.

Licencia: GPLv2
Github: https://github.com/kanthvallampati/IVORY
Web: http://weice.in/ivory/index.html
 
5. Cascade Framework
Aunque a simple vista parezca un clon más de bootstrap, cascade pretende hacerse un hueco entre los frameworks responsivos,apelando a su modularidad para reducir el tamaño de nuestros proyectos. De este modo, nos permite elegir las partes de codigo que vayamos a necesitar, logrando ademas una mayor personalizacion. Otro punto fuerte de este framework es su compatibilidad con navegadores antiguos como explorer 6.

Licencia: MIT License
Github: https://github.com/jslegers/cascadeframeworkWeb: http://cascade-framework.com/
 
6. Cascade Framework Light
Si cascade no es lo suficientemente ligero para tus propósitos, también existe una versión ultraligera de esteframework (15kb minificado) que solo incluye lo básico, como la responsividad o el diseño normalizado.
Licencia: MIT License
Github: https://github.com/jslegers/cascadeframeworklight
Web: http://jslegers.github.io/cascadeframeworklight/
 
7. INK...