Understanding and using Sass
This entry is part 9 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
This series of articles on Sass is designed to increase your understanding of Sass and how to use it in your web development. This article will cover Sass methodology and implementation that will assist you in developing a workflow process.
If you want to start with Sass syntax, it is strongly recommended that you read some online articles in order to understand and take into account the basics of writing syntax. Do not hesitate to explore the examples provided by official websites such as the links below:
Going deeper
In addition, you will find on the web a plethora of sites go to further with your understanding of Sass:
Audience target and what’s about ?
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.
Although you may be a novice in this area, it is better not to be afraid by the use of code, it also desirable to understand the principles and relationships between the rules of the CSS and finally being comfortable with the object-oriented logic can be a real plus.
Whether you are working on Mac or Windows, whether you are developing for smartphones or desktop screens, developing websites or apps, targeting advanced browsers or old presentation tools … as soon as you are going to use CSS, Sass will be there, at your side to help you greatly improve your workflow and maintenance process.
If you heard of this series from a Dreamweaver’s forum
Be aware that you will not find here any similarity of use that can be compare with the WYSIWYG aspect of Dreamweaver, and even less of Muse. On the contrary, we will use code lines and even command lines.
So why this series, because the new version of Dreamweaver incorporates Sass and it is just about a checkbox to validate?
Simply, in order to take full advantage of Sass’s capabilities, it is sometimes important to raise the hood and understand in advanced mode how and why this technology can concretely improve our approach and the use of CSS.
Let’s go back to our series of articles on Sass
We will see through this series how it is possible to try to always make the best.
Let me begin with a summary of the articles that it contains and follow :
- Understanding and using Sass
- What is Sass? Introduction and presentation
- The compilation and tools available
- Deploy Sass effectively
- Install and prepare Sass for production
- Setting Sass with Compass
- How to distribute partial files
- First steps and files
Working with your mock-up should then follow in a more practical way and approach. Stay tuned!
5 Responses
[…] Understanding and using Sass […]
[…] Understanding and using Sass […]
[…] Understanding and using Sass […]
[…] Understanding and using Sass […]
[…] Understanding and using Sass […]