Tutoriales SASS | 20 guías útiles para aprender SASS

Publicado: 2017-06-30

SASS (Syntactically Awesome Style Sheets) es un popular preprocesador de CSS que se creó para simplificar y ampliar las funcionalidades de CSS. Por ejemplo, se eliminaron de la sintaxis varias funciones, como las llaves. Con SASS, trabajará con variables, funciones, anidamiento, parciales, mixins, herencia, operadores y más.

Tabla de contenido ocultar
La guía para principiantes de SASS
Aprende Sass en 15 minutos
Primeros pasos con SASS
Aprendiendo SASS
Proyectos Sass para principiantes
Cómo crear una alerta simple con Sass
Animar con CSS usando Sass y Compass
Desarrollo con Sass y Chrome DevTools
Configuración de Foundation con Sass y Compass
Sass, Wat? – Una introducción a Sass
Sass vs. LESS vs. Stylus: tiroteo del preprocesador
La guía absoluta para principiantes de Sass
Tutorial descarado
Conceptos básicos de Sass
Primeros pasos con los preprocesadores CSS (Less y Sass)
Cómo crear un sistema de cuadrícula de 12 columnas con Sass
5 razones para elegir Sass
El tutorial Sass and Compass para principiantes absolutos
Aesthetic Sass 1 – Organización de arquitectura y estilo
Primeros pasos con Sass

Saber SASS lo ayudará a mantenerse más organizado y no tendrá problemas para administrar su código. Se necesita un poco de estudio si es un principiante, pero puede lograr rápidamente un conocimiento más avanzado con el tiempo.

Esta colección incluye 20 excelentes tutoriales de SASS que lo ayudarán a aprender más sobre sus funciones y cómo aplicarlas correctamente para obtener resultados sobresalientes.

Domina SASS siguiendo estos increíbles tutoriales. Estos varían desde principiantes hasta niveles más avanzados. ¡Empecemos!

La guía para principiantes de SASS

Este es un maravilloso tutorial que es perfecto para principiantes. Le llevará a través de una gran cantidad de información, desde técnicas básicas hasta técnicas más avanzadas.

La guía para principiantes de los tutoriales de Sass Alfiler

Aprende Sass en 15 minutos

Siga este ordenado tutorial de Sass y aprenda más sobre Sass que antes. Solo toma 15 minutos y aprenderá más información importante que lo ayudará en sus proyectos futuros.

Aprenda Sass en 15 minutos Tutoriales SASS Alfiler

Primeros pasos con SASS

Aquí hay un maravilloso tutorial de Sass que le enseñará todo lo que necesita saber para comenzar. Aprenda a administrar su código en unos simples pasos.

Primeros pasos Tutoriales de SASS Alfiler

Aprendiendo SASS

Sass facilitará la escritura de su código, ayudándolo a administrarlo mejor y mantenerlo organizado. Es útil para cualquier desarrollador web y mejorará significativamente su flujo de trabajo.

La guía para principiantes para aprender Sass Alfiler

Proyectos Sass para principiantes

Este tutorial incluye un breve resumen sobre Sass, información útil sobre cómo configurarlo, cómo trabajar con variables, mixins, organizar los archivos del proyecto y más.

Proyectos Sass para principiantes Alfiler

Cómo crear una alerta simple con Sass

Siguiendo este tutorial aprenderá a crear una alerta básica usando Sass. Eche un vistazo a la guía y vea si esto es algo que necesita en sus proyectos.

Cómo crear una alerta simple con Sass Alfiler

Animar con CSS usando Sass y Compass

Hay varias formas de agregar animaciones a su sitio web. Este tutorial le muestra una manera fácil que puede usar para hacer que su sitio web sea más interactivo.

Animar con CSS usando Sass Alfiler

Desarrollo con Sass y Chrome DevTools

Aquí hay otro maravilloso tutorial de Sass que puede seguir para aprender más sobre cómo trabajar con éxito con sus características profesionales.

Desarrollando con Sass Alfiler

Configuración de Foundation con Sass y Compass

Sass es un preprocesador popular que le permite trabajar con estilos anidados, funciones, líneas de código, etc. Aprenda mucho más sobre ellos siguiendo este tutorial.

Configuración de la Fundación con Sass Alfiler

Sass, Wat? – Una introducción a Sass

Este es un tutorial increíble que ofrece información clara sobre Sass. Trabajará con variables, anidamiento, parciales, mezclas, herencia, operadores, funciones y más.

Una introducción a Sass Alfiler

Sass vs. LESS vs. Stylus: tiroteo del preprocesador

Esta es una excelente correlación entre 3 de los preprocesadores más utilizados: Sass, Less y Stylus. Obtendrá una comparación completa entre ellos en cada una de sus características y funciones, para ver todas las diferencias.

Sass vs LESS vs Stylus Alfiler

La guía absoluta para principiantes de Sass

Este es otro gran tutorial que es perfecto para principiantes. Le brindará toda la información necesaria que lo ayudará a comenzar con Sass.

La guía absoluta para principiantes de Sass Alfiler

Tutorial descarado

Esta es una guía útil a través de las funciones de Sass y cómo puede usarlas para lograr sitios web más fáciles de usar. Este es un tutorial para desarrolladores intermedios, que tienen algunos conocimientos previos sobre Sass.

Tutorial descarado Alfiler

Conceptos básicos de Sass

Esta es una gran guía de Sass que contiene mucha información útil sobre sus funcionalidades. Aprende lo que tiene para ofrecer y cómo puedes usarlo en tus proyectos.

Conceptos básicos de Sass Alfiler

Primeros pasos con los preprocesadores CSS (Less y Sass)

Este tutorial se enfoca tanto en Sass como en Less y hace una comparación rápida entre los beneficios de usar cada uno. Esto le permite obtener más información sobre las capacidades de cada preprocesador y también ver cuál es mejor para usted.

Primeros pasos con CSS Alfiler

Cómo crear un sistema de cuadrícula de 12 columnas con Sass

Los sistemas de cuadrícula son muy útiles cuando se trata de construir su sitio web. Aprenda cómo crear un sistema de cuadrícula de 12 columnas y cómo administrarlo correctamente siguiendo este tutorial de Sass.

Cómo crear un sistema de cuadrícula de 12 columnas con Sass Alfiler

5 razones para elegir Sass

Este es otro increíble tutorial de Sass que demuestra con 5 razones por las que debería usar este preprocesador en sus próximos proyectos.

5 razones para elegir Sass Alfiler

El tutorial Sass and Compass para principiantes absolutos

Este ingenioso tutorial de Sass es perfecto para principiantes, ya que lo llevará a través de una gran cantidad de información útil, desde conocimientos básicos hasta más complejos.

El tutorial Sass and Compass para principiantes absolutos Alfiler

Aesthetic Sass 1 – Organización de arquitectura y estilo

Sass tiene muchas características y funcionalidades poderosas que ayudarán a facilitar su flujo de trabajo. Este tutorial contiene información útil sobre sus características.

Estética Sass 1 Arquitectura y Estilo Organización Alfiler

Primeros pasos con Sass

Aquí tienes otro maravilloso tutorial que te mostrará de qué se trata Sass. Este tutorial es perfecto para principiantes, ya que comenzará desde lo básico hasta nociones más complejas.

Primeros pasos con SASS Alfiler