Saas

 

Learn how to use the CSS preprocessor that is in fashion with the best free PDF tutorials on SASS in English.

If you are a web designer, surely you know CSS, and since you know it you know that this is often insufficient because it is not a programming language but a style language.

To fill the gap that CSS leaves, preprocessors have been born, of which SASS is currently the most used.

In simple words, SASS ( Syntactically Awesome Style Sheets ) is a kind of mix between CSS and some characteristic elements of programming languages . In this way, with this processor you can write style sheets that include variables, selectors, functions, cycles?

As you can imagine, the result will be amazing and you will save a lot of time by writing less and creating code that you can reuse and organize better. If you have programmed in any language you will know what we mean.

There are two types of valid syntax to write SASS code, the first one is called precisely SASS syntax and it has some differences with CSS, for example, it does not use the semicolon at the end of the properties and it does not need the use of braces. On the other hand, the SCSS syntax is much more similar to CSS code and also easier to use.

If you do not fully understand this, do not worry that the SASS tutorials that we leave you in this post explain the previous points better .

However, web browsers do not understand this type of code, therefore, even if you write in SASS, you must use a program that translates what you have written to CSS in order to display it on the page.

By the way, an interesting fact, SASS is written in Ruby, in fact, you need to have it installed to be able to use this preprocessor, so if you have programmed in it before, learning SASS will be very easy for you.

We hope you enjoy them and they are useful to you 🙂

  SASS Tutorial

We start with this tutorial that we convert to pdf from the posts published by Alfonso Marín on his blog.

Oriented to beginners , this manual will show you how to install and configure the preprocessor workspace, its syntax, how to generate more semantically rich style sheets, work with mixins (functions) and some loops.

Throughout its pages you will find several simple examples to understand very well how SASS works.

If it is the first time that you face SASS, start with this tutorial.

Author         Alfonso Marín

License   CC BY-NC-SA 4.0

Size             08 pg / 200 kb

Level           Beginner

          

  SASS Basics

Using several resources in and English on SASS, Javier Guede has prepared this simple tutorial that groups, as its name indicates, the fundamentals to create style sheets using the famous preprocessor .

You will find several contents that are part of the official manual but in a much more summarized way, in fact the idea is to simplify the most important aspects to facilitate learning.

Despite being a short SASS tutorial (33 pages) the author does not forget to touch on important topics such as inheritance and control structures, among many others.

Learn the basics of SASS in this beginner's tutorial.

Author         Jérémy Mouzin

License   CC BY-NC-SA 4.0

Size             90 pg / 370 kb

Level           Beginner / Intermediate

          

  SASS the official manual

The official SASS manual has been originally written by Hampton Catlin, Nathan Weizenbaum and Chris Eppstein, and in this case we have prepared the pdf with the content found on Uniwebsidad.

As the name implies, it is the official documentation for the preprocessor, thus covering everything from the basics to the advanced of SASS .

It consists of 12 chapters and as expected it includes information that is not very common to see in other SASS manuals, for example, the use of advanced extensions and some ways to complement the language if you have a solid knowledge of Ruby.

This SASS tutorial in English is the must-have reference whether you are a beginner or an expert at creating awesome style sheets.

Author         Hampton Catlin

License   CC BY-NC-SA 4.0

Size             110 pg / 1.6 mb

Level           Beginner / Intermediate