En estos días, los desarrolladores deberían sentirse desafiados a crear solo aplicaciones y sitios web que funcionen en todos los navegadores, y usar el marco adecuado para permitirles hacerlo. Si bien los marcos son una opción personal y práctica, hemos reducido la amplia gama de marcos receptivos de código abierto a los 10 que más nos gustan. Eche un vistazo y pruebe uno de ellos para su próximo proyecto.
10. Montaje
Montage es un marco de desarrollo web receptivo para crear aplicaciones web escalables que no escatiman en velocidad. Diseñe sus aplicaciones web utilizando módulos que brindan una elegante experiencia de usuario final.
- ¿Debo usar jQuery o AngularJS con una aplicación web Django?
- ¿Cuál es la mejor manera para que los estudiantes de secundaria sin conocimientos de programación creen sus propias aplicaciones?
- ¿Cómo puede Java ser un back-end para una aplicación web?
- ¿Cuáles son algunos sitios web populares creados por indios?
- ¿Qué marcos web debo usar para hacer un sitio web con múltiples portales?
Características notables:
- Interminables bibliotecas y complementos en Montage Studio
- Excepcionalmente fácil de aprender
9. CreateJS
Por lo que vale, CreateJS es un patrocinador de Adobe, Microsoft y AOL para este proyecto. El objetivo era crear un marco de herramientas y bibliotecas JavaScript de código abierto donde los desarrolladores pudieran construir proyectos interactivos de sueños HTML5.
Características notables:
- 5 bibliotecas modulares de JavaScript
- Toneladas de excelentes efectos de animación
- Admite audio HTML5
8. Base
Base es un marco HTML5 orientado al desarrollo rápido que es ágil y ligero.
Características notables:
- Sistema de cuadrícula sensible para diseños de cuadrícula fluidos, menos el código adicional
- Los módulos de estilo nativo lo ayudan a centrarse en la función antes del diseño
- El sitio base se completa con módulos de evaluación de habilidades para ayudarlo a aprender
7. Marco7
Cree su aplicación de manera que imite la apariencia de Android e iOS con Framework7. Desafortunadamente, eso significa que no es compatible con nada más que Apple iOS y el Material de Google. Framework7 defiende la autonomía sobre todo lo demás.
Características notables:
- Funcionalidad de creación de alambre y prototipos
- Capacidad para construir en HTML5 CSS3 y JavaScript
6. SproutCore
SproutCore es uno de los más antiguos de la lista, pero aún logra construir aplicaciones HTML5 más rápido que la mayoría de los otros marcos aquí. El patrón de arquitectura MVC ayuda a crear experiencias web nativas, sin importar dónde se encuentren sus habilidades de programación en este momento.
Características notables:
- Soporte para AppCache y Cordova
- Posibilidad de cambiar las funciones del código según los requisitos del proyecto
5. HTML Kickstart
Ya no es el nuevo chico, HTML Kickstart cubre HTML, CSS y JavaScript de una manera que ahorra mucho tiempo a los desarrolladores de todos los niveles de habilidad. Es preferible para construir tramas HTML5 nativas para diseños de páginas de demostración que tardan una fracción del tiempo en crearse.
Características notables:
- Más elementos que la mayoría de los demás frameworks principales
- Botones rápidos y barra de navegación
- Iconos escalables de Font Awesome
- Diseño de cuadrícula receptiva
- Componente de presentación de diapositivas táctil
4. Sencha Touch
Sencha Touch es uno de los paquetes de framework multiplataforma más destacados y notablemente propietarios en el mercado en este momento.
Características notables:
- Más de cincuenta componentes y plantillas de interfaz de usuario incorporados para todas las plataformas.
- Encienda aplicaciones con contenido o características utilizando la fuente de una raíz de datos de fondo.
- Las plantillas predeterminadas hacen que las aplicaciones web o móviles / web híbridas parezcan nativas para cada plataforma.
- Herramientas de datos visuales incorporadas.
3. esqueleto
Tan rápido como las plantillas de CSS para HTML5, Skeleton hace honor a su nombre con una de las experiencias más básicas del mercado. Para aquellos que desean las herramientas que necesitan y nada más, esta es una gran opción, incluso para el programador aficionado.
Características notables:
- Cuadrícula de diseño receptivo
- Elementos de imagen receptivos que se escalan con la cuadrícula de diseño
- Una plantilla PSD para la etapa de diseño.
- HTML5 shiv para navegadores web obsoletos
2. Fundación
Foundation es un marco receptivo popular porque le permite crear sitios web receptivos desde dispositivos móviles a computadoras de escritorio o viceversa. El equipo detrás de Foundation ha invertido en hacer que este marco de diseño receptivo moderno sea confiable y robusto con el propósito de crear prototipos rápidamente. Las aplicaciones web receptivas personalizadas creadas con Foundation funcionan bien en dispositivos móviles de alta y baja potencia, por lo que puede estar seguro de que su aplicación funciona como se espera para los usuarios en cualquier dispositivo.
Características notables:
- Creación rápida de prototipos
- Sistema de cuadrícula sensible
- Plantillas de correo electrónico
- El V6 recientemente lanzado muestra algunas características que son verdaderamente únicas de este marco HTML5.
1. Bootstrap
Bootstrap fue popular desde el primer día, pero ahora es prácticamente un nombre familiar entre los desarrolladores web. Twitter desarrolló este marco moderno para ser como una navaja suiza de primera línea: repleto de todo lo que necesitará para desarrollar sitios y aplicaciones receptivos. Con su triple amenaza de usabilidad, flexibilidad y facilidad de uso, no es de extrañar que tantos desarrolladores y diseñadores llamen Bootstrap como su marco HTML5 predeterminado.
Características notables:
- Más del 20% de los 100,000 sitios web en Internet se fundaron en Bootstrap.
- Bootstrap nos brinda las herramientas modernas que necesitamos para crear páginas web ricas en funciones sin tener que hacer todo el trabajo pesado inicial.
Bootstrap V4 ya está en el mercado, ofreciendo desarrollo web de cuarta generación y la optimización más moderna.
Recursos extra
Debido a que un nuevo lote de marcos vuela al mercado cada año, es esencial mantenerse al día con ellos y una de nuestras formas más exitosas de hacerlo es participar en comunidades que se centran en la comunidad de desarrollo o los productos que amamos. Estas son algunas de nuestras sugerencias para las comunidades que nos han ayudado a superar nuestras construcciones más difíciles.
- StackOverflow: todos los negocios y sin BS, los usuarios de StackOverflow obtendrán respuestas confiables para sus preguntas, pero lo más importante son las discusiones sobre noticias HTML5 y actualizaciones y mejoras tecnológicas. Cuando necesite la información directa sobre nuevos productos, este es el lugar.
- Reddit: el tablero HTML5 de Reddit siempre está lleno de nuevos tutoriales, los últimos artículos nuevos y las opiniones más controvertidas. Obtenga respuestas a sus preguntas aquí, generalmente con información útil, pero no espere que toda la comunidad tenga la actitud sensata que tiene StackOverflow.
- Marcadores HTML5 – HTML5 Bookmarks es un flujo de noticias de todo HTML5. Encontramos los archivos infinitamente útiles y bastante fáciles de navegar cuando necesita encontrar una información específica.
- HTML5 semanal: un boletín semanal que se envía a más de 100,000 suscriptores.
- DesignInstruct tiene una tabla que compara los marcos de diseño web receptivos más populares. Sin embargo, no han actualizado la lista desde 2013, por lo que no refleja todos los nombres en nuestra lista.