Sass

Aprende a usar el preprocesador CSS que está de moda con los mejores tutoriales en pdf sobre SASS en español y gratuitos.

Si eres diseñador web, seguro conoces CSS, y como lo conoces sabes que este en muchas ocasiones es insuficiente debido a que no es un lenguaje de programación sino un lenguaje de estilos.

Para llenar el vacío que deja CSS han nacido los preprocesadores, de los cuales SASS es actualmente el más usado.

En palabras sencillas, SASS (Syntactically Awesome Style Sheets, en español Hojas de Estilo Sintácticamente Alucinantes) es una especie de mezcla entre CSS y algunos elementos característicos de los lenguajes de programación. De esta manera, con este procesador puedes escribir hojas de estilo que incluyan variables, selectores, funciones, ciclos?

Como te imaginarás el resultado será asombroso y te ahorrarás mucho tiempo al escribir menos y al crear código que puedes reutilizar y organizar mejor. Si has programado en cualquier lenguaje sabrás a que nos referimos.

Existen dos tipos de sintaxis válidas para escribir código SASS, la primera de ella es llamada precisamente sintaxis SASS y tiene algunas diferencias con CSS, por ejemplo, no emplea el punto y coma al final de las propiedades y tampoco necesita del uso de llaves. Por otro lado, la sintaxis SCSS es mucho más parecida al código CSS y también más fácil de usar.

Si no comprendes esto del todo, no te preocupes que los tutoriales de SASS que te dejamos en este post te explican mejor los puntos anteriores.

Sin embargo, los navegadores web no entienden este tipo de código, por lo tanto, aunque escribas en SASS, debes usar un programa que traduzca lo que has escrito a CSS para poder desplegarlo en la página.

Por cierto, un dato interesante, SASS está escrito en Ruby, de hecho, necesitas tenerlo instalado para poder usar este preprocesador, de manera que si has programado antes en él, aprender SASS será muy sencillo para ti.

Esperamos que los disfrutes y te sean de utilidad 🙂

Tutorial SASS

Arrancamos con este tutorial que convertimos a pdf a partir de los posts publicados por Alfonso Marín en su blog.

Orientado a principiantes, este manual te mostrará como instalar y configurar el espacio de trabajo del preprocesador, su sintaxis, cómo generar hojas de estilo más ricas a nivel semántico, trabajar con mixins (funciones) y algunos bucles.

A lo largo de sus páginas te encontrarás con varios ejemplos sencillos para entender muy bien el funcionamiento de SASS.

Si es la primera vez que te enfrentas a SASS empieza con este tutorial.

• Autor
  Alfonso Marín
• Licencia
  CC BY-NC-SA 4.0
• Tamaño
  32 pag / 695 Kb
• Nivel
  Principiante

Fundamentos de SASS

A partir de varios recursos en español e inglés sobre SASS, Javier Guede ha preparado este sencillo tutorial que agrupa, como lo indica su nombre, los fundamentos para crear hojas de estilos usando el famoso preprocesador.

Encontrarás varios contenidos que forman parte del manual oficial pero de forma mucho más resumida, de hecho la idea es simplificar los aspectos más importantes para facilitar el aprendizaje.

A pesar de ser un tutorial sobre SASS breve (33 páginas) el autor no se olvida de tocar temas importantes como la herencia y las estructuras de control, entre muchos otros.

Conoce los aspectos básicos de SASS en este tutorial para principiantes.

• Autor
  Javier Guede
• Licencia
  CC BY-NC-SA 4.0
• Tamaño
  33 pag / 1.4 Mb
• Nivel
  Principiante

SASS el manual oficial

El manual oficial de SASS ha sido originalmente escrito por Hampton Catlin, Nathan Weizenbaum y Chris Eppstein, y en este caso hemos preparado el pdf con el contenido que se encuentra en Uniwebsidad.

Tal como lo indica su nombre, se trata de la documentación oficial del preprocesador, por lo tanto abarca desde lo básico hasta lo avanzado de SASS.

Consta de 12 capítulos y como era de esperarse incluye información que no es muy común ver en otros manuales de SASS, por ejemplo, el uso de extensiones avanzadas y algunas formas de complementar el lenguaje si tienes conocimientos solidos de Ruby.

Este tutorial de SASS en español es la referencia obligatoria sin importar si eres principiante o un experto en la creación de hojas de estilo alucinantes.

• Autor
  Hampton Catlin, Nathan Weizenbaum, Chris Eppstein
• Licencia
  CC BY-NC-SA 4.0
• Tamaño
  98 pag / 1.3 Mb
• Nivel
  Principiante / Intermedio / Avanzado

Contenido relacionado(patrocinado)