General 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 will show how to create stylesheets using the LESS language and to use it on your website. To view a tutorial, simply click on the tutorial’s title or on the preview image.

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

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

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

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.

Getting started – Bootstrap

This is a tutorial made by Bootstrap in getting started in an overview of Bootstrap, how to download and use, basic templates and examples, and more using CSS, less.js, and JavaScript.

Do more in CSS with LESS

This is a tutorial published by IBM on how to do more in CSS with LESS using less.js, CSS, and JavaScript. The tutorial aims in simplifying the writing and maintenance of responsive design styles for modern web pages.

Get Into LESS: the Programmable Stylesheet Language

This is a tutorial by Daniel Pataki about the programmable style sheet language – LESS using CSS, less.js, and JavaScript. The tutorial shows how to use LESS and harnessing the power of LESS.

Sass vs. LESS

This is a tutorial made by Chris Coyier on what CSS preprocessor language to ues, comparing Sass and Less. The tutorial shows the capability of both languages in helping with CSS3, language ability in logics and loops, website niceitude, variable handling, working with media queries, and the @extend concept.

An Introduction To LESS, And Comparison To Sass

This is a tutorial made by Jeremy Hixon as an introduction to LESS, and comparison to Sass. The tutorial shows the similarities of less and sass.

Learning LESS: A Comprehensive Introduction

This is a tutorial made by the 1st Web Designer in learning less using CSS, less.js, and JavaScript. The tutorial includes preparing the markup and LESS JavaScript, compiling LESS using simpLESS, variables, mixins, nested rules, operators, and functions.

A Comprehensive Introduction to LESS

This is a tutorial made by Ivaylo Gerchev providing an introduction to less using less.js, CSS, and JavaScript. This include codes for importing, commenting, and variables and constants.

Bootstrap 3 Less Workflow Tutorial Experience Design at Hello Erik

This is a tutorial made by Hello Erik Experience Design about the Bootstrap 3 less workflow using CSS, JavaScript, and less.js. This include codes on how Bootstrap uses less, importing less, variables, and mixins.

The Absolute Beginners Guide to LESS

This is a tutorial made by Harish Chouhan to guide beginners in less using CSS language, JavaScript, and less.js. The tutorial include variables, mixins, nesting rules, operations, and scope.

Best less tutorials : A comprehensive guide to LESS

This is a comprehensive guide to less made by Sajan using CSS, JavaScript, and less.js. The tutorial include a demo on how to quickly set up less.js using the LESS CSS pre-processor for smarter style sheets.

LESS CSS Tutorial: Designing A Slick Menu Navigation bar

This is a tutorial made by Thoriq Firdaus in designing a slick menu navigation bar with less CSS. The tutorial includes less text editor, html markup, less styling, and color scheme level.

Getting Started with Less

This is a tutorial made by Nicholas Cerminara in getting started with LESS using CSS language, JavaScript, and less.js. The tutorial include how to compile less into CSS. This also include a video in a starter kit to use gulp with less.

Refactoring your CSS with LESS in Visual Studio Web Essentials

This is a tutorial made by David Paquette in refactoring CSS with less in visual studio web essentials using CSS and less.js. The tutorial shows procedures defining color variables, adding functions, and extracting a file.

Transfer CSS to LESS when Building a Website with Startup

This is a tutorial made by David East in transferring CSS to less when building a website with startup framework using less.js and CSS language. This ia a video tutorial that teaches how to code a website (Startup Framework) using LESS for simpler, leaner CSS.

Learning LESS: An Introduction

This is a tutorial made by Alex Ball in learning LESS using less.js, CSS, and JavaScript. The tutorial include codes using variables, mixins, nested rules, and functions.

Day 1: Learn to use LESS

This is a tutorial made by Anthony Killeen in order to learn to use LESS using CSS and less.js. This include codes for the variables, mixins, color functions, nested rules, and for the operations and measurements.

less-middleware: using LESS with node.js- Randomness in Code

This is a tutorial made by the Randomness in Code about the less-middleware using less with node.js. The tutorial include CSS and JavaScript languages.

From LESS to CSS with Grunt.js

This is a tutorial made by Pierre Fritsch of We Are Cube in dealing with LESS to CSS with Grunt.js using less.js and CSS. This include codes that shows how the grunt.js manages the files.

Usage Less.js

This is a tutorial made by LESS on how to use less server-side, client side, and with third parties using less.js, CSS, and JavaScript. This include the command line usage for cleaning CSS, using the less in browser, and installing the lessc and the node.

Flat UI Pro Tutorial: Setting and Compiling Using LESS

This is a tutorial made by Design Modo in setting and compiling less using flat UI pro, CSS, and JavaScript. The tutorial is consists of a video on how to create LESS settings and compilations for both Windows and Mac.

Less Css for .NET

This is a tutorial about writing regular CSS with .NET apps, then add a few variables, mixins and nested rules using less.js, CSS, and JavaScript. This include codes for variables, mixins, operations, nested rules, and functions.

Using LESS as a Live CSS Engine

This is a tutorial made by CSS Tricks in using LESS as a live CSS engine, using less.js, and JavaScript. This include a sample code that gives a general idea, and the results in control, options, organization, and optimization.

LESS CSS – PageLines Documentation

This is a tutorial published on PageLines about using and implementing Less.js. The demo includes codes for the variables, mixins, nested rules, functions and operations, and DMS variables.

Write Better CSS with Less

This tutorial was made by Raena Jackson Armitage of SitePoint on writing better CSS with Less. The tutorial uses CSS and javascript-based Less.js. This includes codes to specify descendants’ styles using Less.js.

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.