In this CSS tutorial, we'll learn how to use Sass and Compass to speed up our coding workflows. Both Sass and Compass are powerful tools that allow you to use variables, mixins, nesting, and more with your CSS. By the end of this CSS training, you'll have learned a variety of tips and tricks to help you be a better front end developer. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
Introduction and Project Overview Hi everyone my name is Gary Simon and I've been a freelanced designer for the last 15 years. And I've had the privilege of working with over a thousand clients on a wide variety of projects. In this course, we're going to dive into the world of SASS. Which stands for syntactically awesome style sheets. And in a nutshell SASS makes the process of writing CSS code easier and more efficient. Initially we're going to spend a few lessons going over the basics of SASS. Including how to install it and how it all actually works through a series of simple examples. And then we're going to get our hands dirty by designing and writing HTML, CSS, and SASS for a magazine-style blog. Some of the key takeaways from watching this course include learning how to install SASS, understanding SASS fundamentals, such as variables, mix-ins, nesting, and more, and you also learn how to design a mock-up of a website and make it responsive. By the end of the training, you will have a solid understanding of SASS and how to best utilize it in your future projects. I'm excited to share these tips and techniques with you. So let's get started with the first lesson.