Working our mockup with Sass and Susy

This entry is part 1 of 9 in the series: Understanding and using Sass

• Working our mockup with Sass and Susy
  

  In order to better understand the implementation of everything we have seen so far, including the use of Sass, we are going to deploy a real workflow by really relying on the implementation of a site.

• Understanding and using Sass
  

  This present series will not cover Sass syntax, but will look at how to use Sass and develop concepts allowing us to exploit the best of the possibilities Sass has to offers.

• What is Sass – Introduction and presentation
  

  What is a preprocessor and what is Sass? This post will introduce those basic concepts and what can be expected from such a technology.

• Sass – The compilation and tools available
  

  Although Ruby is a very open and scalable approach, there are various ways to compile Sass in CSS, all of which can present their interests and benefits.

• Deploy Sass effectively
  

  Since democratization and the use of preprocessors, various concepts, mainly based on object-oriented programming, have emerged and allow us to approach Sass in a very modular way.

• Install and prepare Sass for production
  

  Working under Ruby is a real panoply that we have under the mouse. Let’s see how to install all the facets that can be very useful to us.

• Setting Sass with Compass
  

  Although Compass is no longer maintained, we will see an approach that uses it and allows us to continue to benefit without compromising our productions.

• How to distribute partial files
  

  SassScript goes well beyond the simple use of variables or mixin, we will explore an approach to work with a much more successful template to design our site or application development.

• First steps and first files
  

  After having seen all the concepts that are interesting to discuss at the same time as Sass, it is important to start to draw up our first files and our first lines of code in order to put all this in activity.