Marcos CSS

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

  1. Documentación de la fundación
  2. Lista de tutoriales básicos
  3. Archivos de origen de Foundation en GitHub
  4. DevTips YouTube Series sobre Foundation Grid

Otra información sobre marcos CSS:

  • Bulma
  • Oreja
  • Mejores ejemplos de bootstrap