Cover image for Less Web Development Cookbook.
Less Web Development Cookbook.
Title:
Less Web Development Cookbook.
Author:
Jobsen, Bass.
ISBN:
9781783981496
Personal Author:
Physical Description:
1 online resource (471 pages)
Contents:
Cover -- Copyright -- Credits -- Foreword -- About the Author -- About the Reviewers -- www.PacktPub.com -- Table of Contents -- Preface -- Chapter 1: Getting to Grips with the Basics of Less -- Introduction -- Downloading, installing, and integrating less.js -- Installing the lessc compiler with npm -- Using less.js with Rhino -- Declaring variables with Less for commonly used values -- Setting the properties of CSS styles with mixins -- Writing more intuitive code and making inheritance clear with nested rules -- Creating complex relationships between properties -- Using the built-in functions of Less -- Using namespaces to make your code reusable and portable -- Chapter 2: Debugging and Documenting Your Less Code -- Introduction -- Debugging your code with less.js -- Using CSS source maps to debug your code -- Using Chrome Developer Tools to debug your code -- Commenting your code in Less -- Building style guides with tdcss.js -- Building style guides with StyleDocco -- Chapter 3: Using Variables and Mixins -- Introduction -- Deriving a set of variables from a single base variable -- Value escaping with the ~"value" syntax -- Using variable interpolation -- Redeclaring variables based on lazy loading -- Using mixins to set properties -- Declaring a class and mixin at once -- Using selectors inside mixins -- Using parametric mixins -- Chapter 4: Leveraging the Less Built-in Functions -- Introduction -- Converting units with the convert() function -- Using the default() function -- Embedding images with data URIs -- Formatting strings -- Replacing a text within a string -- Working with lists -- Using mathematical functions -- Using the color() function -- Evaluating the type of a value -- Creating color objects with RGB values -- Getting information about a color -- Creating a color variant with the darken() and lighten() functions.

Creating overlays of two colors with Less -- Chapter 5: Extending and Referencing -- Introduction -- Referencing parent selectors with the & operator -- Referencing to the parent selector more than once -- Changing the selecting order with the & operator -- Using extend to merge selectors -- Using extend inside a ruleset -- Extending with the all keyword -- Extending with media queries -- Using extend to reduce the compiled CSS size -- Using extend as an alternative for a mixin -- Chapter 6: Advanced Less Coding -- Introduction -- Giving your rules importance with the !important statement -- Using mixins with multiple parameters -- Using duplicate mixin names -- Building a switch to leverage argument matching -- Avoiding individual parameters to leverage the @arguments variable -- Using the @rest... variable to use mixins with a variable number of arguments -- Using mixins as functions -- Passing rulesets to mixins -- Using mixin guards (as an alternative for the if…else statements) -- Building loops leveraging mixin guards -- Applying guards to the CSS selectors -- Creating color contrasts with Less -- Changing the background color dynamically -- Aggregating values under a single property -- Chapter 7: Leveraging Libraries with Prebuilt Mixins -- Introduction -- Importing and downloading prebuilt mixin libraries -- Using namespacing with prebuilt libraries -- Creating background gradients -- Building unlimited gradients with Less Hat -- Building a layout with the CSS3 flexbox module -- Getting retina ready with Preboot -- Generating font-face declarations with Clearless -- Improving your website's SEO with 3L mixins -- Leveraging sprite images with Pre -- Creating bidirectional styling without code duplication -- Creating animations with animations.css -- Creating animations with More.less -- Building semantic grids with semantic.gs.

Building an alternative for fluid grids with Frameless -- Building a fluid responsive grid system -- Chapter 8: Building a Layout with Less -- Introduction -- Using CSS Reset with Less -- Importing and organizing your Less files -- Importing files with the @import directive -- Building a grid with grid classes -- Creating responsive grids -- Building a semantic grid with mixins -- Applying the flexbox grid on your design -- Integrating a navigation menu in the layout -- Repositioning your content -- Chapter 9: Using Bootstrap with Less -- Introduction -- Downloading and installing Bootstrap -- Customizing Bootstrap with variables -- Making custom buttons -- Making custom panels -- Making custom navigation bars -- Extending components using :extend -- Reusing Bootstrap's grid -- Using Bootstrap classes and mixins -- Extending Bootstrap with your own mixins -- Making custom color schemes with 1pxdeep -- Autoprefixing Bootstrap's CSS -- Chapter 10: Less and WordPress -- Introduction -- Installing WordPress -- Developing your WordPress theme with Less -- Integrating Bootstrap into your WordPress theme -- Using Semantic UI to theme your WordPress website -- Customizing Roots.io with Less -- Building a WordPress website with the JBST theme -- Chapter 11: Compiling Less Real Time for Development Using Grunt -- Introduction -- Installing Node and Grunt -- Installing Grunt plugins -- Utilizing the Gruntfile.js file -- Loading Grunt tasks -- Adding a configuration definition for a plugin -- Adding the Less compiler task -- Creating CSS source maps with the Less compiler task -- Cleaning and minimizing your code -- Adding the watch task -- Adding the connect and open task -- Adding the concurrent task -- Analyzing your code with CSS Lint -- Removing unused CSS using Grunt -- Compiling style guides with Grunt -- Automatically prefix your code with Grunt.

Installing the Grunt LiveReload plugin -- Index.
Abstract:
Aimed at those who want to overcome the limitations of CSS, through this book you will begin to harness the efficiency of Less by building advanced, responsive, and modern websites. Experienced web developers, students, and even web designers will find this guide very useful as they enhance their CSS skills.
Local Note:
Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2017. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.
Added Author:
Electronic Access:
Click to View
Holds: Copies: