Less web development essentials : leverage the features of Less to write better, reusable, and maintainable CSS code /
If you use CSS for web development tasks and want to learn how to create maintainable and reusable code, this is the book for you. Basic knowledge of web development would be helpful.
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Birmingham, UK :
Packt Publishing,
2015.
|
Edición: | Second edition. |
Colección: | Community experience distilled.
|
Temas: | |
Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Improving Web Development with Less; Using CSS3 for styling your HTML; Using the CSS selectors to style your HTML; Specificity, inheritance, and cascade in CSS; How CSS specificity works; Building your layouts with flexible boxes; Compiling Less; Getting started with Less; Using the watch function for automatic reloading; Debugging your code; Plugins; Your first layout in Less; Vendor-specific rules; Autoprefixing; The -prefix-free library.
- Build rounded corners with border-radiusPreventing cross-browser issues with CSS resets; Creating background gradients; CSS transitions, transformations, and animations; Box-sizing; Server-side compiling; Using CSS source maps for debugging; Plugins; Compressing and minimizing your CSS; Compiling your Less code into CSS automatically; Graphical user interfaces; The OOCSS, SMACSS, and BEM methodologies; Summary; Chapter 2: Using Variables and Mixins; Using comments in Less; Nested comments; Special comments; Using variables; Organizing your files; Naming your variables; Using a variable.
- Organizing variablesThe last declaration wins!; Variable declaration is not static!; Lazy loading; Variable interpolation; Escaping values; Using mixins; Basic mixins; Parametric mixins; Default values; Naming and calling your mixins; Using mixins with multiple parameters; More complex mixins for linear gradient backgrounds; The @arguments and @rest special variables; Passing rulesets as arguments; Return values; Changing the behavior of a mixin; Switches; Argument matching; Guarded mixins; CSS guards; Using guards and argument matching to construct loops.
- Using mixins to loop through a set of valuesThe!important keyword; Summary; Chapter 3: Nested Rules, Operations, and Built-in Functions; The navigation structure; Working with nested rules; Using mixins and classes; Variables; Classes and namespaces; Referencing the parent selector with the & symbol; Guards nesting and the & usage; Passing rulesets to mixins; Operating on numbers, colors, and variables; Property merging; Built-in functions; JavaScript; List functions; Using the color functions; The darken() and lighten() functions; Manipulating colors; Functions for color operations.
- Color blending with LessEvaluating the type of a input value; Extending Less with custom functions; The box-shadow mixin; Summary; Chapter 4: Testing Your Code and Using Prebuilt Mixins Libraries; Revisiting the CSS background gradients; Unused code; Chrome's developer tools; Firebug CSS usage add-on; Testing your code; Understanding TDD; All about style guides; Building a style guide with StyleDocco; Testing your code with tdcss.js; Prebuilt mixins; Creating gradients and layouts with Less Elements; Using the comprehensive Less Hat library; The lesshat mixin for the less.js plugin.