Beginning CSS Preprocessors [electronic resource] : With SASS, Compass.js and Less.js /
Prabhu, Anirudh.author.
Learn how preprocessors can make CSS scalable and easy to maintain. You'll see how to write code in a very clean and scalable manner and use CSS preprocessor features such as variables and looping, which are missing in CSS natively. Reading Beginning CSS Preprocessors will make your life much simpler by showing you how to create reusable chunks of code. In addition to coding enhancements, you’ll also learn to automate processes such as generating image sprites and minifying code. Beginning CSS Preprocessors is your guide for getting started with CSS preprocessors. This book shows you how to use CSS in your day-to-day work and thus be smart and efficient at writing CSS. What are preprocessors What are the known preprocessor frameworks What are the features of Sass (Syntactically Awesome Stylesheets) What is Compass (COMPrehensive ASSembler) What is Less (Leaner SS).
Contents at a Glance; Contents; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; Chapter 1: Introduction to Preprocessors;  What Are Preprocessors ?;  Why Use Preprocessors ?;  Misconceptions About CSS Preprocessors ;  You Need To Be a Command-Line Expert;  You Need To Change the Way You Write CSS;  Why Not Write CSS Directly?;  Which Are the Known Preprocessors ?;  Sass ;  Less ;  Compass ; Mixins ;  Typography ;  Helpers ;  Sprites ;  Features of Preprocessors ;  Variables ;  Nesting ;  Import ;  Mixins ;  Extend/ Inheritance ;  Operators
Problems with CSS Preprocessors  Problems with Mixins ;  Extending Selectors or Using Mixins Can Hamper Maintenance;  Summary; Chapter 2: Introduction to Sass;  Installing Sass;  Checking Other Versions of Sass;  An Alternative to the Command Line ;  Compiling the sass File ;  Avoiding the Command Line with Apps: Using Scout ;  Automating Workflow ;  Variables ;  Data Types ;  Default Values for Variables ;  Nesting Styles in Sass ;  Referencing a Parent Selector: & ;  Using Combinators in Your SCSS ;  Comments ;  Nesting Properties ;  Interpolation ;  Placeholder Selectors
Logical Capabilities of Sass Mathematical Operations in Sass ; Addition; Subtraction; Multiplication; Division;  Parentheses ;  Calculations Using Variables ;  Control Directives ; @if ;  @for ;  @each ;  @while ;  Summary; Chapter 3: Advanced Sass;  @import;  Partials;  Nested @import;  Plain CSS Imports ;  @media;  @extend;  @extend Behind the Scenes;  When to Use Selector Inheritance ;  Placeholder Selectors ;  Do More with @extend;  @at-root;  Mixin Directives;  Mixins versus Classes ;  Mixins with CSS Selectors;  Arguments to Mixins;  Using Content Blocks in Mixins;  Function Directives
Mixin Guards Referencing the Parent Selector;  Using & with Guards;  Detached Rules and Mixins;  Operations on Numbers and Colors;  Merging Properties ;  Looping Mixins;  Functions;  List Functions;  Color Functions;  Type Functions;  Mathematical Functions;  String Functions ;  Miscellaneous Functions ;  Using Less with External Frameworks;  Cardinal CSS;  Ionic and Less;  Semantic Grid System;  Summary; Chapter 5: Introduction to Compass;  Introduction to Compass;  Compass Installation ;  Creating a Project in Compass;  Understanding config.rb ;  Responsive Grids with Sass and Compass
Introduction to Susy
Includes index.
Learn how preprocessors can make CSS scalable and easy to maintain. You'll see how to write code in a very clean and scalable manner and use CSS preprocessor features such as variables and looping, which are missing in CSS natively. Reading Beginning CSS Preprocessors will make your life much simpler by showing you how to create reusable chunks of code. In addition to coding enhancements, you’ll also learn to automate processes such as generating image sprites and minifying code. Beginning CSS Preprocessors is your guide for getting started with CSS preprocessors. This book shows you how to use CSS in your day-to-day work and thus be smart and efficient at writing CSS. What are preprocessors What are the known preprocessor frameworks What are the features of Sass (Syntactically Awesome Stylesheets) What is Compass (COMPrehensive ASSembler) What is Less (Leaner SS).
Computer programming.
User interfaces (Computer systems).
Web Development.
User Interfaces and Human Computer Interaction.