Oreja
Bootstrap es un marco CSS muy popular que se usa ampliamente. Consulte este artículo para obtener una guía más detallada.
Interfaz de usuario semántica
La interfaz de usuario semántica es uno de los marcos de CSS más populares para desarrollar proyectos móviles y receptivos para la web.
Empezando
Aquí hay una plantilla HTML simple que incluye el último CSS y Javascript compilado y minimizado para la biblioteca de IU semántica. Hemos utilizado una CDN en este ejemplo, pero puede consultar otras formas de instalar la IU semántica aquí.
Semantic UI Template Hello World
Recursos de aprendizaje
- La documentación oficial de Semantic UI está disponible aquí.
- Consulte el repositorio de código abierto de GitHub de Semantic UI aquí.
Esqueleto
Skeleton es un modelo muy simple para poner en marcha cualquier proyecto receptivo.
Empezando
Aquí hay una plantilla HTML simple que incluye el último CSS compilado y minimizado para la biblioteca Skeleton.
Skeleton Template Hello World
Demostración de JSBin
Hemos utilizado un CDN en este ejemplo, pero puede consultar otras formas de instalar Skeleton aquí.
Recursos de aprendizaje
Official Documentation de esqueleto.
- Consulte el repositorio de código abierto de GitHub de Skeleton aquí.
- A continuación se muestran algunos ejemplos de cómo se utilizó Skeleton en diferentes sitios web.
Materializar
Materialise es un marco CSS receptivo basado en el lenguaje de diseño de materiales de Google.
Empezando
Aquí hay una plantilla HTML simple que incluye el último CSS y Javascript compilado y minimizado para la biblioteca Materialise.
Hello World!
Hemos utilizado un CDN en este ejemplo, pero puede consultar otras formas de instalar Materialise aquí.
Recursos de aprendizaje
- La documentación oficial de Materialise está disponible aquí.
- Consulte el repositorio de GitHub de código abierto de Materialise aquí.
- Aquí hay un práctico tutorial sobre el uso de Materialise.
UIKit
UIKit es un marco front-end ligero y modular para desarrollar interfaces web rápidas y potentes.
Empezando
Aquí hay una plantilla HTML simple que incluye el último CSS compilado y minimizado para la biblioteca UIKit.
Hemos utilizado un CDN en este ejemplo, pero puede consultar otras formas de instalar UIKit aquí.
Recursos de aprendizaje
- La documentación oficial de UIKit está disponible aquí.
- Consulte el repositorio de código abierto de GitHub de UIKit aquí.
Fundación
Foundation es un primer marco CSS de código abierto creado por Zurb.
Empezando
Aquí hay una plantilla HTML simple que incluye el último CSS y Javascript compilado y minimizado para la biblioteca Foundation.
Foundation Template Hello World
Este ejemplo utiliza un CDN que carga la configuración predeterminada. Si desea personalizar el diseño de la cuadrícula, cambiar los colores o agregar y eliminar componentes, puede hacerlo en la página de descarga de Foundation.
Recursos de aprendizaje
- Documentación de la fundación
- Lista de tutoriales básicos
- Archivos de origen de Foundation en GitHub
- DevTips YouTube Series sobre Foundation Grid
Otra información sobre marcos CSS:
- Bulma
- Oreja
- Mejores ejemplos de bootstrap