
Instant SASS CSS How-to
Alex Libby
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~80
- Nivel
- Básico
De qué trata
Guía concisa de unas 80 páginas publicada por Packt en su serie Instant, elaborada por Alex Libby como una introducción ágil y directa al preprocesamiento de estilos con Sass. Está pensada para maquetadores y diseñadores web que ya conocen CSS básico y desean aprender rápidamente a instalar, configurar y compilar hojas de estilo dinámicas sin verse abrumados por conceptos excesivamente abstractos o largas introducciones teóricas.
Organizado en un recetario práctico paso a paso, el libro enseña a preparar el entorno instalando Sass sobre Ruby mediante la línea de comandos, integrar el compilador en editores de texto y configurar la observación automática de archivos con la opción watch. A continuación, explica cómo declarar y reutilizar variables, estructurar selectores con anidamiento, crear mixins con argumentos predeterminados, realizar cálculos con operadores aritméticos y aplicar funciones nativas para ajustar matices de color. También introduce directivas de control como @if y @for para generar clases dinámicas, explora los cuatro formatos de salida CSS (nested, expanded, compact y compressed) y presenta una primera aproximación al uso de bibliotecas de mixins externas como Compass y su integración en CMS como WordPress.
El aprendizaje se articula a través de ejercicios prácticos independientes que muestran el problema en CSS estándar y su resolución limpia en Sass. Su principal punto a favor es la inmediatez: permite a cualquier desarrollador ponerse en marcha en cuestión de pocas horas y desmitificar el uso de la terminal. Debido a su corta extensión y a la época en que fue redactado, no aborda arquitecturas frontend a gran escala ni los estándares modernos de Dart Sass o PostCSS, pero cumple con solidez su función como guía introductoria.
- Sass básico
- SCSS
- Variables y mixins
- Anidamiento de reglas
- Operadores y funciones
- Directivas de control
- Compilación de estilos
- Estilos de salida CSS
- Introducción a Compass
- Integración con CMS
¿Cómo enseña?
Con ejercicios
- ✓ Incluye ejercicios
- ✗ Sin proyectos