Cuando la mayoría de las personas piensan en el desarrollo web, generalmente piensan en HTML o JavaScript, a menudo ignorando CSS. Según Wikipedia, CSS es una de las partes más importantes y a menudo olvidadas de una página web, aunque son las tres tecnologías básicas de la World Wide Web. Uno.
Hoy compartiré con ustedes 9 marcos de código abierto front-end populares y potentes para ayudarlo a construir fácilmente hermosos front-end de sitios web.
1 、 Bootstrap
Bootstrap es sin duda el marco CSS más popular, es el primer marco front-end web desarrollado por Twitter. Bootstrap también proporciona muchos ejemplos para ayudarlo a comenzar.
Con Bootstrap, puede combinar diferentes componentes y diseños para crear diseños de página interesantes. También proporciona mucha documentación detallada. Actualmente hay más de 1,100 contribuyentes y más de 19,000 envíos en Github. (Dirección de Github: https://github.com/twbs/bootstrap )
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 hermosos. PatternFly se centra principalmente en desarrolladores de aplicaciones empresariales, que proporcionan gráficos de barras, gráficos, navegación Componentes como Red Hat realmente lo usaron para crear OpenShift.
Además de HTML estático, PatternFly también es compatible con el marco ReactJS, que es un marco JavaScript popular desarrollado por Facebook. PatternFly tiene muchos componentes avanzados adecuados para aplicaciones de nivel empresarial, como gráficos de barras, gráficos, patrones y diseños.
PatternFly tiene más de 1,050 commits y 44 contribuyentes en GitHub. (Dirección de Github: https://github.com/patternfly/patternfly )
3 Components Componentes materiales para la web
Material Components for the web (MDC Web) es un nuevo marco front-end diseñado por Google específicamente para la web. MDC Web puede ayudar a los desarrolladores a ejecutar Material Design, y los componentes son desarrollados por el equipo central de ingenieros y diseñadores de UX de Google. Estos componentes pueden establecer un flujo de trabajo de desarrollo confiable para construir proyectos web hermosos y poderosos.
MDC Web tiene más de 5,700 envíos y 349 contribuyentes en Github. (Dirección de Github: https://github.com/material-components/material-components-web )
4 、 puro
Bootstrap, Patternfly y MDC Web son marcos CSS muy potentes, pero pueden ser muy tediosos y complicados. Si desea un marco CSS ligero, puede probar Pure.css, que está más cerca de la programación CSS en sí, pero puede ayudarlo a construir una buena página web. Pure es un marco CSS ligero con una huella mínima, está desarrollado por Yahoo y es de código abierto bajo la licencia BSD.
Pure tiene más de 565 commits y 59 colaboradores en Github. (Dirección de Github: https://github.com/pure-css/pure )
5 、 Fundación
Foundation afirma ser el marco front-end receptivo más avanzado del mundo. Proporciona características avanzadas y tutoriales para crear sitios web profesionales. Muchas empresas y organizaciones usan este marco, y el marco tiene una gran cantidad de documentos disponibles.
La Fundación tiene casi 17,000 presentaciones y 1,000 contribuyentes en Github. (Dirección de Github: https://github.com/foundation/foundation-sites )
6, Descubrimiento
Bulma es un marco de código abierto basado en Flexbox, que es de código abierto bajo la licencia MIT. Bulma es un marco muy ligero porque solo requiere un archivo CSS. Bulma tiene documentación concisa y clara para elegir fácilmente el tema que desea. También tiene muchos componentes web que puede usar en su diseño.
Bulma tiene más de 1,400 commits y 300 contribuyentes en Github. (Dirección de Github: https://github.com/jgthms/bulma )
7 、 esqueleto
Si hay algún framework que sea más liviano que Pure, debe ser Skeleton. La biblioteca Skeleton tiene solo unas 400 líneas, y el marco solo proporciona algunos componentes básicos del marco CSS. Sin embargo, Skeleton proporciona documentación detallada para ayudarlo a comenzar rápidamente.
Skeleton tiene 167 commits y 22 colaboradores en Github, pero no es el proyecto más activo, y su última actualización fue en 2014. (Dirección de Github: https://github.com/dhg/Skeleton )
8, materializar
Materialise es un marco front-end moderno y receptivo basado en el estilo de diseño de materiales, que resuelve el trabajo más arduo, combinado con sus componentes personalizados, para proporcionarle el estilo predeterminado. La página de documentación de Materialise es muy completa y fácil de seguir. Sus páginas componentes incluyen botones, tarjetas, navegación, etc.
Materialise tiene más de 3800 envíos y 250 contribuyentes en Github. (Dirección de Github: https://github.com/Dogfalo/materialize )
9 fla 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 más liviano. La documentación de Bootflat parece estar casi inspirada en IKEA, la mayoría de las cuales son imágenes y no mucho texto.
Bootflat es de código abierto bajo la licencia MIT, con 159 commits y 8 contribuyentes en Github. (Dirección de Github: https://github.com/bootflat/bootflat.github.io )