Less Web Development Essentials.
In Detail Less is a CSS pre-processor, essentially improving the functionality of simple CSS due to the addition of several features. These predefined functions, which include transformations, selector nesting, variables, and mix-ins, allow you to develop portable and reusable code that is easier to...
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Packt Publishing,
2014.
|
Colección: | Community experience distilled.
|
Temas: | |
Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; Foreword; About the Author; Acknowledgments; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Improving Web Development with Less; Using CSS3 for styling your HTML; Using 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; Example code used in this book; Your first layout in Less; Vendor-specific rules.
- 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; Compressing and minimizing your CSS; Graphical user interfaces; Summary; Chapter 2: Using Variables and Mixins; Comments; Nested comments; Special comments; Variables; Organizing your files; Naming your variables; Using a variable; Organizing variables; The last declaration wins; Variable declaration is not static; Lazy loading; Escaping values; Mixins; Basic mixins; Parametric mixins.
- Default valuesNaming and calling; Multiple parameters; More complex mixins for linear gradient backgrounds; Special variables
- @arguments and @rest; Return values; Changing the behavior of a mixin; Switches; Argument matching; Guarded mixins; Using guards and argument matching to construct loops; The!important keyword; Summary; Chapter 3: Nested Rules, Operations, and Built-in Functions; The navigation structure; Nested rules; Mixins and classes; Variables; Classes and namespaces; Operating on numbers, colors, and variables; The & symbol; Property merging; Built-in functions; JavaScript.
- List functionsUsing color functions; The darken() and lighten() functions; Color manipulation; Color operations; Color blending with Less; Type functions; The box-shadow mixin; Summary; Chapter 4: Avoid Reinventing the Wheel; Revisiting 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; Using single-line declarations for vendor-specific rules with Less Elements; Less Hat
- a comprehensive library of mixins.
- Using the 3L library of prebuilt mixinsSEO and HTML debugging; ClearLess
- another library of prebuilt mixins; Using Preboot's prebuilt mixins for your project; Integrating other techniques into your projects using Less; Using iconic fonts; Retina.js; Summary; Chapter 5: Integrate Less in Your own Projects; Importing CSS into Less; Using the @import rule; Migrating your project; Organizing your files; Converting CSS code to Less code; Media queries and responsive design; Making your layout fluid; Testing your layouts on a mobile phone; Coding first for mobile.