Cargando…

Beginning CSS preprocessors : with Sass, Compass, and Less /

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 s...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Prabhu, Anirudh (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: [New York] : Apress, [2015]
Temas:
Acceso en línea:Texto completo (Requiere registro previo con correo institucional)
Tabla de Contenidos:
  • 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.
  • Numeric Functionsabs(number) ; ceil(number) ; floor(number) ; percentage(number) ; round(number) ; Color Functions; adjust_color(color, ...) ; complement(color) ; grayscale(color) ; List Functions; User-Defined Functions; Output Style; nested ; expanded ; compact ; compressed ; Building Your Own Grid System; Summary; Chapter 4: Development with Less; Introduction to Less; Client-Side Variation of Less; Server-Side Variant; Compiling a Less File; Language Features; Variables; Comments; Mixins; @arguments; @rest; Returning a Value; Nested Rules; Import 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.