¿Qué es un marco de desarrollo front-end?
9 frameworks de código abierto front-end populares y potentes que te ayudarán a crear fácilmente un hermoso front-end de sitio web.
1. Bootstrap
Bootstrap es sin duda el marco CSS más popular. Es el primer marco de interfaz de usuario web y fue desarrollado por Twitter. Bootstrap también proporciona muchos ejemplos para ayudarle a empezar.
2. PatternFly
PatternFly es el marco CSS de código abierto de Red Hat. A diferencia de Bootstrap, Bootstrap está diseñado para aquellos que desean crear sitios web atractivos, mientras que PatternFly se centra principalmente en desarrolladores de aplicaciones empresariales. proporciona componentes como gráficos de barras, gráficos, navegación, etc. De hecho, Red Hat creó OpenShift usándolo.
3. Componentes de materiales para la web
Componentes de materiales para la web (MDC Web) es un nuevo marco de interfaz de usuario diseñado por Google específicamente para la Web. MDC Web ayuda a los desarrolladores a implementar Material Design, con componentes desarrollados por el equipo central de ingenieros y diseñadores de UX de Google. Estos componentes permiten un flujo de trabajo de desarrollo sólido para crear proyectos web atractivos y funcionales.
4. Pure
Bootstrap, Patternfly y MDC Web son frameworks CSS muy potentes, pero pueden ser muy engorrosos y complejos. Si desea un marco CSS liviano, pruebe Pure.css, que en sí mismo está más cerca de la programación CSS pero puede ayudarlo a crear una página web agradable. Pure es un marco CSS liviano que ocupa un espacio mínimo. Está desarrollado por Yahoo y es de código abierto bajo licencia BSD.
5. Foundation
Foundation afirma ser el marco de interfaz de usuario receptivo más avanzado del mundo. Proporciona funciones avanzadas y tutoriales para crear sitios web profesionales. Este marco es utilizado por muchas empresas y organizaciones y tiene una amplia documentación disponible.
6. Bulma
Bulma es un marco de código abierto basado en Flexbox y puede ser de código abierto bajo la licencia MIT. Bulma es un marco muy liviano ya que solo requiere un archivo CSS. Bulma tiene documentación clara y concisa, lo que facilita la elección del tema que desea. También tiene muchos componentes web que puedes utilizar en tus diseños.
7. Skeleton
Si hay algún framework que sea más liviano que Pure, ese debe ser Skeleton. La biblioteca Skeleton tiene solo unas 400 líneas de largo y el marco solo proporciona algunos componentes básicos del marco CSS. A pesar de esto, Skeleton proporciona documentación detallada para ayudarle a comenzar rápidamente.
8. Materialize
Materialize es un marco de interfaz de usuario moderno y responsivo basado en el estilo Material Design. Resuelve el trabajo más arduo y lo combina con sus componentes personalizados para brindarle. El estilo predeterminado. La página de documentación de Materialize es muy completa y fácil de seguir. Su página componente incluye botones, tarjetas, navegación, etc.
9. Bootflat
Bootflat es un marco CSS de código abierto derivado de Bootstrap de Twitter. En comparación con Bootstrap, Bootflat es más simple y liviano. La documentación de Bootflat parece casi inspirada en IKEA, ya que se compone principalmente de imágenes y poco texto.