Treffer: Mastering Sass

About This BookCreate data-intensive, highly scalable apps using Sass and COMPASSMaster the concepts of Sass and COMPASS and unleash your potential to develop enterprise-grade appsThis book is an experts'guide on leveraging Sass and COMPASS featuresWho This Book Is ForThis book is aimed at those who know CSS3 and HTML5 quite well, and who've built a few small-to-medium-sized websites from scratch using Sass and Compass.What You Will LearnMaster Sass and Compass featuresFamiliarize yourself with important CSS techniques and concepts that are vital for a good Sass workflowAutomate your workflow with GulpEdit and save Sass within the browser using source mapsBuild a mobile-first grid system with SusyBuild configurable, component-based, mobile-first designs using Sass, Gulp and SusyIn DetailMastering Sass will teach you how to design and build anything from a simple one-page website or app to a large multipage enterprise website. To start with, we'll take a look at the main features of Sass and Compass. The early chapters cover some important CSS methodologies and concepts, such as OOCSS, SMACSS, and Atomic Design. These will teach you important concepts used to write better CSS, and therefore better Sass.Once you've learned the basic concepts, we'll dive into some more advanced Sass. These chapters will cover functions, mixins, extends, variable scope, @if / @else if / @else statements, @for and @while loops, lists, maps, and the @content directive. We'll also cover error handling and debugging in Sass using @error, @warn, and @debug.A fast workflow is important for any good designer or developer. So we'll also learn how to set up Sass with Gulp.js. Gulp is a JavaScript task runner, which will reduce the repetitive tasks. We'll also look at source maps, which will allow you to edit and save your Sass files in the browser. Finally, you'll learn how to put all these skills together to design an e-commerce home page. As part of this project, you'll create a complete mobile-first grid system using Susy.