Book Image

Less Web Development Essentials

By : Bass Jobsen
Book Image

Less Web Development Essentials

By: Bass Jobsen

Overview of this book

Less is a CSS preprocessor that essentially improves the functionality of simple CSS with the addition of several features. The book begins by teaching you how Less facilitates the process of web development. You will quickly then move on to actually creating your first layout using Less and compiling your very first Less code. Next, you will learn about variables and mixins and how they will help in building robust CSS code. In addition, you'll learn how to keep your code clean and test it by using style guides. We will then move on to the concept of Bootstrapping and the strength of using Less with Twitter Bootstrap. Going one step further, you will be able to customize Twitter's Bootstrap 3 using Less. Finally, you will learn how to integrate Less into your WordPress themes and explore other web apps that use Less. By leveraging this powerful CSS preprocessor, you will be able to consistently produce amazing web applications while making CSS code development an enjoyable experience.
Table of Contents (15 chapters)
Less Web Development Essentials
About the Author
About the Reviewers

WordPress and Less

Nowadays, WordPress is not only used for weblogs; it can also be used as a content management system to build a website.

The WordPress system, written in PHP, has been split up into the core system, plugins, and themes. Plugins add additional functionalities to the system and themes handle the look and feel of a website built with WordPress. Plugins work independent of each other. Plugins are also independent of the theme, and the theme mostly does not depend on plugins either. WordPress themes define the global CSS for a website, but every plugin can also add its own CSS code.

WordPress theme developers can use Less to compile the CSS of themes and plugins.

Using the Roots theme with Less

Roots is a WordPress starters theme. You can use Roots to build your own theme. Roots is based on HTML5 Boilerplate ( and Bootstrap. Please also visit the Roots theme website at Also, Roots can be completely built with Grunt. More information...