Frameworks es una de las herramientas para desarrolladores de aplicaciones para usuario para un desarrollo más rápido y mejor. Con los marcos puede construir un sitio web bien estructurado, mantenible y actualizable . También le ayuda a ahorrar mucho tiempo porque hay muchos elementos disponibles que puede utilizar.
Hoy en día, el número de marcos ha aumentado considerablemente, y como usted puede saber, Bootstrap de Twitter está en la lista superior. Para ayudarlo a elegir el marco más apropiado para usar, hemos enumerado más de 21 mejores marcos disponibles en la actualidad para la alternativa Bootstrap . Ofrecen características únicas y burlas que difieren entre sí. ¡Revisa!
1. Puro
Si planea construir una aplicación web que funcione tanto en el escritorio como en el móvil, entonces debería considerar el uso de Pure from Yahoo. Pure tiene un rendimiento mucho mejor cuando se trata de dispositivos móviles que Bootstrap. Como su nombre lo sugiere, Pure viene solo como un marco de CSS puro. Construido sobre Normalize.css, Pure tiene un tamaño de archivo extremadamente pequeño con solo 4.5KB (minified y gzip) .
2. Kit de interfaz de usuario
UIkit es un marco frontal gratuito, ligero y modular. Desarrollado con LESS, UIkit tiene un código bien estructurado, ampliable y fácil de mantener. También ofrece un sistema de rejilla que es sensible, fluido y encajable. Con UIkit puede crear navegación, botones, modales, menú desplegable y con mayor capacidad de respuesta. Su documentación completa le hará más fácil comenzar con UIkit.
3. MontajeJS
MontageJS es un marco de front-end de código abierto gratuito especializado para crear aplicaciones modernas de una sola página (SPA) . Al utilizar la base de muchas aplicaciones de marco probadas, Montage simplificará su proceso de desarrollo, mientras que los códigos HTML expresivos aún se pueden mantener. Con MontageJS, puede sincronizar las actualizaciones de DOM para una experiencia de usuario más fluida, construir y extender componentes de UI que pueden reutilizarse y más.
4. Trabajo de base
Groundwork es un marco de front-end ligero, flexible y sensible creado y mantenido por Gary Hepting . Construido sobre Sass y Compass, Groundwork ofrece un excelente sistema de rejilla que es flexible, fluido y encajable . Con su sistema de cuadrícula, puede crear cualquier tipo de diseño de diseño que se ajuste a cualquier tamaño de pantalla.
5. Gumby
Gumby es un marco flexible y sensible creado con el poder de Sass para un desarrollo web más rápido. Su personalizador le permite ajustar y personalizar fácilmente el diseño completo del kit de UI para satisfacer sus mejores preferencias. Gumby tiene varios tipos de cuadrículas con diferentes variaciones de columna, pero de forma predeterminada, Gumby viene con el sistema de cuadrícula 960.
6. HTML5 boilerplate
Al igual que su nombre, HTML5 Boilerplate le proporciona una plantilla lista para HTML5 que se ha optimizado para cumplir con la mayoría de las nuevas características estándar de HTML. Al utilizar esta plantilla, puede crear un sitio rápido, sólido y con capacidad de respuesta que pueda adaptarse a cualquier tipo de navegador, incluso a los antiguos, como Internet Explorer.
7. esqueleto
Skeleton es un marco CSS ligero que utiliza un sistema de cuadrícula de 12 columnas. A diferencia de Bootstrap o Foundation, Skeleton le proporciona algunos componentes fundamentales, como botones, listas, tablas, formularios que apuntan a iniciar su proceso de desarrollo.
8. Bootflat
Bootflat es un marco CSS de código abierto que se construye con el potente Bootstrap 3. Bootflat está diseñado para crear un diseño web plano impresionante de manera más rápida, fácil y menos repetitiva . Por lo tanto, su kit de interfaz de usuario viene con un hermoso paquete de interfaz de usuario PSD que puede utilizar en su proyecto de sitio web, iOS o Android.
9. inuit
Inuit.css es otra gran obra de CSS que se enfoca en el enfoque de Mobile First y le deja todo el diseño. Si bien muchos otros marcos vienen con su propio diseño incorporado en CSS, Inuit.css, sin embargo, no lo hacen. Inuit.css funciona de forma OOCSS (Object Oriented CSS), que es un método rápido, escalable y mantenible para escribir CSS reutilizable.
10. Sistema de rejilla 960
960 Grid System es un marco frontal que puede optimizar su flujo de trabajo de desarrollo web basado en un contenedor de 960px de ancho. El contenedor se puede dividir en 12, 16 o incluso 24 columnas para facilitar el diseño del contenido.
11. materializar
Construido sobre la base de los principios de diseño de materiales de Google, Materialise se ha convertido en un moderno front-end framework. Este marco es muy adecuado para aquellos que desean implementar la apariencia de Material Design en su sitio web sin ninguna complejidad. Cuenta con diseño de tarjeta, animación de efectos de rizo, mezcla de Sass, menú móvil y mucho más.
12. Jeet
Jeet es un sistema de cuadrícula rápido, flexible y más avanzado disponible en la actualidad. Jeet te ayuda a construir cuadrículas sobre la marcha de una manera muy intuitiva y limpia. Es compatible con casi todos los navegadores modernos y antiguos.
13. Susy
Susy es un sistema de cuadrícula automatizado que puede ayudarlo a crear un diseño web en cualquier tipo de columna que desee. Te da libertad y flexibilidad para construir el diseño de tu elección. Es capaz de manejar si su diseño tiene 5, 12, 24, 48 o columnas desiguales.
14. Metro UI
Metro UI es un marco basado en 12 cuadrículas que está inspirado en la interfaz estilo Windows 8 Metro. Es muy fácil de usar y tiene un estilo con un montón de componentes comunes como botón, mosaico, menú, selector de fecha y mucho más. También hay una plantilla de Portal de noticias para que puedas comenzar fácilmente.
15. HTML KickStart
HTML KickStart es una plataforma de HTML, CSS y Javascript ultra-magra para un desarrollo web extremadamente rápido. HTML KickStart fue desarrollado basado en Twitter Bootstrap con el soporte de iconos de Font Awesome. Con su menú listo, lista, tablas, botones, sistema de cuadrícula y muchos elementos geniales, guardará el proceso de creación de su proyecto web hasta 10 horas o incluso más.
16. Cuadrícula simple
Simple Grid es un sistema de rejilla muy ligero y sensible. No es como otros marcos que tienen ese botón elegante, menú, tabla, etc., Simple Grid ofrece solo una cuadrícula pura. La función de cuadrícula se basa en un tamaño de pantalla de 1140 px con 12 columnas que puede personalizar para obtener su mejor diseño.
17. fundación
La fundación es probablemente el rival más duro para Twitter Bootstrap. Está muy bien documentado, estable, flexible y de código abierto de front-end. Tiene muchas herramientas útiles para crear un primer proyecto web móvil sensible y más rápido. Es compatible con casi todos los navegadores disponibles en la actualidad, a excepción de IE7. Aunque la mayoría de los desarrolladores solo usan Foundation para HTML y CSS, tiene la opción de portarlo con Sass y Rails .
18. Material UI
La interfaz de usuario de materiales es otro marco que implementa la especificación de diseño de materiales . Lo único que lo diferencia de Materialise es que está creado por el amor de la biblioteca React Javascript de Facebook. Tiene muchos componentes de interfaz de usuario hermosos que puede utilizar libremente en su página web.
19. capa superior
TopCoat es un marco de front-end sólido creado por el equipo de Adobe para desarrollar aplicaciones web diseñadas teniendo en cuenta la velocidad. Cada detalle en TopCoat está optimizado para la prioridad de rendimiento. También le ofrece tema personalizable, fuente de código abierto y también PSD UI Kit para usar con su proyecto.
20. tinta
Ink es un marco frontal que se desarrolla para un desarrollo más rápido de la interfaz de usuario utilizando HTML, CSS y Javascript, al igual que lo hace Bootstrap. Puede crear un diseño moderno fácilmente con algunos elementos de interfaz reutilizables como tabla, pestañas, selector de datos, modal, lista clasificable, vista de árbol, galería, validador de formularios y más. También le permite tener manipulación DOM, instalaciones de comunicación y efectos de página sofisticados con su motor JS Core.
21. Onsen UI
Onsen UI es un marco híbrido que funciona bien con PhoneGap y Cordova. Con AngularJS, jQuery, Font Awesome y TopCoat como base, Onsen UI puede ser una herramienta prometedora para desarrollar increíbles aplicaciones móviles. La interfaz de usuario de Onsen puede ayudarlo a crear aplicaciones móviles fácilmente utilizando el concepto de componentes web.
¿Cuál es tu alternativa favorita de Bootstrap? Háganos saber en los comentarios a continuación.
