frameworks-responsive-web-design

Top Frameworks para desarrollar tus proyectos Responsive Web Design

Adoramedia
Menú

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

Responsive Web Design con 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

Foundation como herramienta para Responsive Web Design

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

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

Compartir

Tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de privacidad y protección de datos, pinche en el enlace para más información. ACEPTAR

Aviso de cookies