</> CodeBooks
    ← Volver a CSS (página 1)
    Portada de CSS Framework Alternatives

    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?

    TeóricoPráctico

    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.

    Más de CSS con nivel Intermedio