</> CodeBooks
    ← Volver a Sass y Less (página 1)
    Portada de Sass and Compass in Action

    Sass and Compass in Action

    Brandon Mathis, Chris Eppstein, Nathan Weizenbaum, Wynn Netherland

    Editorial
    Manning
    Año
    2013
    Páginas
    ~240
    Nivel
    Intermedio

    De qué trata

    Guía práctica de referencia escrita por figuras clave del ecosistema de preprocesadores: Nathan Weizenbaum (creador original de Sass), Chris Eppstein (creador de Compass), Wynn Netherland y Brandon Mathis. El texto aborda Sass 3.2 y el framework Compass en el entorno de Ruby, dirigiéndose a diseñadores web y programadores frontend que dominan la sintaxis tradicional de CSS pero buscan eliminar la redundancia, mejorar el mantenimiento y estructurar sistemas de hojas de estilo escalables en proyectos de gran envergadura.

    El libro recorre exhaustivamente la sintaxis de Sass (tanto SCSS como la sintaxis indentada original), detallando variables, anidamiento de reglas, mixins con argumentos, herencia selectiva con @extend y funciones matemáticas y de manipulación de color. En el apartado de Compass, profundiza en el uso de resets estandarizados, mixins para propiedades de CSS3 con prefijos automáticos (vendor prefixes), generación automatizada de sprites de imágenes a partir de directorios de recursos, y maquetación con sistemas de cuadrículas (grids como Blueprint, 960gs y Susy). También dedica capítulos avanzados al scripting en Sass con directivas de control (@if, @for, @each, @while) y a la creación y distribución de extensiones personalizadas para Compass.

    La obra enseña mediante ejemplos aplicados y la construcción de un sistema de diseño modular para interfaces web, optimizando además las hojas de estilo para entornos de producción mediante minificación y control de versiones de caché. Su mayor valor reside en provenir de los propios creadores de las herramientas, transmitiendo la filosofía de arquitectura y modularidad que definió las bases del CSS moderno. Aunque Compass ha quedado obsoleto y el ecosistema ha migrado hacia Dart Sass y módulos (@use/@forward), los patrones de reutilización, abstracción de diseño y automatización explicados continúan siendo sumamente formativos.

    • Sass y SCSS
    • Compass Framework
    • Mixins y funciones
    • Herencia (@extend)
    • Sistemas de cuadrícula (grids)
    • Generación de sprites
    • Directivas de control
    • CSS3 y vendor prefixes
    • Arquitectura de estilos
    • Optimización para producción

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Sistema de estilos modular con Compass

    Arquitectura completa de estilos para un sitio web que implementa una cuadrícula responsive, sprites automáticos de iconos y mixins reutilizables de CSS3.

    Más de Sass y Less con nivel Intermedio