Recientemente hablamos sobre una de las tendencias web que más fuerte están pegando, y que este año ha venido para quedarse y convertirse en paradigma del diseño web: nos referimos al Responsive Web Design.
Hoy nos centraremos en los frameworks que ayudan a agilizar el desarrollo de nuestros proyectos web para que se adapten a todos los dispositivos y resoluciones junto a una amplia compatibilidad de navegadores.
Bootstrap
Esta plataforma fue desarrollada por Twitter y usa LESS CSS (preprocesador de CSS).
Consta de una gran popularidad, es gratuito y permite que tus diseños sean adaptados fácilmente a otros dispositivos/resoluciones.
Entre sus principales características se encuentran:
– Sistema grid de 12 columnas.
– Elementos CSS3 prefabricados: botones, alertas, formularios, tablas, set de iconos, etc.
– Plugins JavaScript (tooltips, popover, transiciones, dropdown, etc)
Foundation
Este framework creado por Zurb es otro de los grandes en el mercado del diseño de respuesta. Al igual que Bootstrap, permite construir con relativa facilidad sitios web.
Sin embargo utiliza otro preprocesador de CSS: SASS, muy potente también. Los propios autores lo definen como el framework front-end más avanzado del mundo.
Algunas de sus principales características son:
– Flexible sistema de 12 columnas grid.
– Gran cantidad de estilos.
– Elementos html: botones, formularios, sliders etc.
– Soporte entre dispositivos, resoluciones etc.
HTML5 Boilerplate
Este framework o front-end template (autodefinición) es quizás el más popular entre compañías top como Google, Microsoft, NASA, Nike, entre otras.
Este template permite desarrollar sitios web HTML5 de forma ágil tanto para novatos como profesionales del front-end.
¿Qué le hace tan popular?
– Template adaptado a dispositivos móviles y otras resoluciones.
– Amplia documentación con trucos y consejos.
– Librerías jQuery y Modernizr.
– Iconos, estilos, helpers etc.
– Un snippet optimizado para Google Analytics.
Bienvenidos a la revolución del desarrollo front-end