
CSS Framework Alternatives
Anirudh Prabhu, Aravind Shenoy
- Editorial
- Apress
- Año
- 2018
- Páginas
- ~171
- Nivel
- Intermedio
De qué trata
Libro breve de Aravind Shenoy y Anirudh Prabhu (Apress, 2018) que presenta cinco frameworks CSS ligeros como alternativa a los dos más usados en aquel momento, Bootstrap y Foundation. Va dirigido a quienes ya tienen conocimientos básicos de HTML, CSS y JavaScript, y también a diseñadores con experiencia que solo han trabajado con Bootstrap o Foundation y quieren conocer opciones más ligeras y sencillas.
Tras un capítulo inicial sobre por qué y cuándo elegir un framework ligero, cada capítulo se dedica a una herramienta: Skeleton, una base mínima con grilla responsive; Milligram, un framework minimalista para tipografía y formularios; UIkit, de YOOtheme, con una amplia colección de componentes interactivos; Material Design Lite, la implementación de Google de Material Design sin dependencias pesadas de JavaScript; y Susy, un sistema de grillas basado en Sass. En cada caso se explican la instalación, la grilla y los componentes principales, siempre aplicados a un ejemplo concreto.
El aprendizaje es práctico: cada framework se usa en un proyecto propio, como una landing page con Skeleton y la página de producto de un servicio VPN con Milligram. Su valor está en mostrar que no todo proyecto necesita un framework pesado y en comparar enfoques diferentes. Hoy hay que leerlo con cautela: Material Design Lite está discontinuado, Susy dejó de mantenerse y UIkit ha cambiado de versión. Además, CSS Grid y Flexbox nativos, junto con herramientas como Tailwind CSS, han cambiado el panorama. Sirve más como ejercicio de criterio que como guía de herramientas vigentes.
- Frameworks CSS
- Skeleton
- Milligram
- UIkit
- Material Design Lite
- Susy
- Sass
- Grillas responsive
- Landing pages
- Alternativas a Bootstrap
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Landing page con Skeleton
Página de aterrizaje responsive maquetada con la grilla y los estilos base de Skeleton, un framework mínimo de HTML y CSS.
Página de producto de un VPN con Milligram
Página de presentación de un producto de VPN seguro construida con Milligram, aprovechando su tipografía, botones y formularios minimalistas.
Páginas interactivas con UIkit, Material Design Lite y Susy
Ejemplos prácticos en los que se construyen páginas interactivas con los componentes de UIkit, la estética Material de Material Design Lite y grillas personalizadas en Sass con Susy.

