Get the latest LESS CSS Tutorials

Get notified of new tutorials for creating websites with LESS-Based CSS. When new ones come out, we'll send an email directly to your inbox!

First Name | Email:

No Thanks

LESS CSS Tutorials

LESS is a great way to make writing and maintaining CSS easier. LESS is a CSS pre-processor, and provides the ability to create variables and functions. This helps to save time when creating stylesheets.

These tutorials show how to create stylesheets using CSS. The general Less tutorials and the less.css tutorials show how to create pre-processed stylesheets that you then provide on your website, converted from LESS to standard CSS. The less.js tutorials show how to create LESS-based CSS stylesheets interpreted on-site using the less.js library.

Simply select a tutorial or click on the tutorial group title to view more tutorials about the LESS-implementation method.

General LESS CSS Tutorials

Bootstrap Tutorial on Rails, Part 1 - the Installation

Bootstrap Tutorial on Rails, Part 1 - the Installation

This is a tutorial made by the Tea Leaf Academy Blog in creating rail applications and integrating rails and Bootstrap using CSS, less.js, and JavaScript.

Adding a Custom Stylesheet

Adding a Custom Stylesheet

This is a tutorial made by the Gantry in adding a custom style sheet using CSS and less.js. This is a step-by-step tutorial teaching how to add custom CSS file, and adding custom rules and properties.

How to Customize the Default Bootstrap Style, the Right Way

How to Customize the Default Bootstrap Style, the Right Way

This is a tutorial made by Christopher Gimmer on how to customize the default Bootstrap style the right way using CSS and less.js. The tutorial includes adding a custom style sheet and applying customs styles.

Drupal Bootstrap Subtheme with LESS

Drupal Bootstrap Subtheme with LESS

This is a tutorial made by the Gas Lamp Media about the Drupal Bootstrap subtheme with LESS using CSS, less.js, JavaScript, and jQuery. The tutorial explains getting Bootstrap theme, creating the subtheme directory and copy files, configuring .info file, downloading Bootstrap source, compiling less files, enabling subtheme, and copying template files from the parent theme.

Read more General LESS CSS Tutorials.

LESS.css Tutorials

LESS CSS: Gantry Documentation

LESS CSS: Gantry Documentation

This tutorial describes using Less CSS with Gantry. Less allows your program to be cleaner and reduces the overall time to create and maintain code base. Less is designed to extend CSS and this tutorials shows Gantry's template.

How to use LESS css properly in WordPress development

How to use LESS css properly in WordPress development

This tutorial shows how to use LESS CSS properly in WordPress development. Roy Sivan created this article. LESS is a great CSS pre-processor along with SASS. In this article, it shows the typcial CSS code and LESS code.

Using LESS CSS - Play Framework

Using LESS CSS - Play Framework

This uses less.js and was created by Play Framework. This tutorial is using LESS CSS play framework. In using LESS CSS, it allows considerable flexibility in writing CSS files by supporting variables, mixins and more.

New Plugin Adds Less CSS Preprocessor to WordPress Themes

New Plugin Adds Less CSS Preprocessor to WordPress Themes

This article was made Sarah Gooding, published on WP Tavern, and it deals with adding a less CSS preprocessor to wordpress themes using a plugin. By adding less theme support, it simplifies the process of adding less to the word press theme.

Read more LESS.css Tutorials.

LESS.js Tutorials

Using Grunt + Bower with Laravel and Bootstrap

Using Grunt + Bower with Laravel and Bootstrap

This website was made by Elena Kolevska and it uses LESS.ls and she speaks about using grunt and bower with laravel and bootstrap. Grunt is a tool that automates frontend tasks and also upload changed files to CDN networks, copy files to production environment , optimize images and many more.

How to edit T3 Templates Using Custom LESS Joomlabamboo Blog

How to edit T3 Templates Using Custom LESS Joomlabamboo Blog

This tutorial will explain on how to edit T3 templates using custom LESS by Joom la Bamboo by using LESS.js and CSS. In making small CSS edits to T3 templates, it recommends using the custom.css method. By using T3 templates using LESS, it overrides LESS syntax without the template being wiped out when upgrading to a new one.

LESS 101: learn to use the LESS CSS preprocessor

LESS 101: learn to use the LESS CSS preprocessor

This article was posted by Dominik Marczuk of Code Umbra. In this article, it explains how it adds help in for nesting, mixins, arithmetic operators, functions, variables and many others.

CSS Tutorial for Beginner, Getting Started - Less CSS

CSS Tutorial for Beginner, Getting Started - Less CSS

This article was developed by Bhumi of Creative Dev about using CSS with LESS.js. CSS is a very simple way to create styles for application whereas LESS is a open source CSS pre-processor which extends the css with dynamic way using variables, mixins nested rules and operations.

Read more LESS.js Tutorials.

Need more LESS CSS Tutorials?

Need more tutorials for creating LESS-based CSS websites? Sign up and we'll send you an email when we find them to let you know!

First Name | Email:

No Thanks

CSS Web Design Resources

These CSS resources will help you write stylesheets for your website quicker and easier.

LESS CSS Tutorials

These tutorials show how to use and implement the LESS CSS pre-processing language, making writing CSS for your website quicker and easier. They are divided into: General LESS tutorials, LESS.css tutorials, and LESS.js tutorials.

Parallax Web Design

Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.

Parallax Web Design Resources

Parallax Technologies

Tools to create parallax scrolling websites: jQuery, Skrollr.js, Stellar.js, CSS

Parallax Tutorials

A Simple Parallax Scrolling Tutorial about how parallax scrolling works.

Tutorials for creating parallax websites using: jQuery | Stellar.js | Skrollr.js | CSS

Website Theme Resources

Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.

Website Theme Research

Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.

Theme Forest Analysis Report

Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.

Analysis of Parallax Scrolling in Website Themes

Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.

Wordpress Themes

Top Ranked WordPress Themes

The best WordPress themes for a new website, as calculated by our WordPress Theme Search Engine. These themes are selected for reliability, quality, popularity, and many other factors.

Parallax Wordpress Themes

Top Ranked Parallax WordPress Themes: the best WordPress themes for creating websites with parallax scrolling, as ranked by our WordPress Theme Search Engine

10 Parallax WordPress Themes

10 Parallax WooCommerce Wordpress Themes

Amazing Wordpress Themes with WooCommerce and Parallax Scrolling

7 Amazing Parallax Wordpress Themes

5 Wonderful Parallax Wordpress Themes

eCommerce Wordpress Themes

Top Ranked eCommerce WordPress Themes: the best WordPress themes for creating eCommerce websites, as ranked by our WordPress Theme Search Engine

10 Parallax WooCommerce Wordpress Themes

5 Great eCommerce Website Themes, Built For WordPress

6 Amazing Wordpress eCommerce Themes

5 Professional eCommerce Themes for Selling on Your Website

10 Great eCommerce WordPress Themes with WooCommerce

Finding WordPress & Drupal GPL Themes

How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.

Drupal Themes

These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.

Parallax Drupal Themes

Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.

6 Parallax Drupal Themes

6 Professional Parallax Drupal Themes

Portfolio Drupal Themes

Themes built for making professionally designed portfolios.

5 Professional Drupal Portfolio Themes

5 Amazing Drupal Portfolio Themes

Corporate Drupal Themes

Themes built for making small, medium, and large business websites.

6 Corporate Drupal Themes

7 Professional Drupal Corporate Themes