LESS.js 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 that are pre-processed by the LESS.js library. The library converts your LESS-based CSS into standard CSS that can be read and rendered by your visitors’ browser.

To view a tutorial, simply click on the tutorial’s title or on the preview image.

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

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

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

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.

Building a flipper using React JS and LESS CSS

This article was made by Chris Harrington on Code Mentor. In this tutorial of building a flipper using react JS and LESS CSS, it explains how to create a flipping tile using CSS3 animations and Reacts JS. It shows code for App, Flipper, Front and Back and CSS.

Learn about LESS and why it rocks so hard

This tutorial was written by Maria Nasioti and is learn about how to use LESS with Less.js. LESS is a simple dynamic stylesheet language, and this tutorial shows how to create a LESS stylesheet using regular CSS. This also extends the standard CSS syntax. LESS does all the basic SASS can do.

How to Quickly Set Up Less.js

This is a tutorial made by Jacob Gube on how to quickly set up less.js using CSS, less.js, and JavaScript. The tutorial shows how to set up less without having to install it on a web server, the fastest way is to reference the less.js library in an HTML document.

LESS tutorial and presentation

This is a less tutorial and presentation made by Brian Love using CSS, less.js, and JavaScript. The tutorial includes the features of less such as: the variables, mixins, cascading+nesting, combinator, operations, color functions, comments, imports, string interpolation, escaping, pre- and post-compiling, less elements, minification and compression, alternative to less, and presentation.

LESS Is More: Make Your CSS Coding Easier with LESS

This is a tutorial made by Elated in making CSS coding easier with LESS using CSS, less.js, and JavaScript. The tutorial shows the features of the less language, and see how they use them.

10 LESS CSS Examples You Should Steal for Your Projects

This is a tutorial made by COde My Views about the 10 LESS CSS examples you should steal for your projects using CSS, less.js, and JavaScript. This include LESS examples of saving time by leveraging mixins to handle browser prefixes.

Quick Tip: You Need to Check out LESS.js

This is a tutorial made by Jeffrey Way about using Less.js. The tutorial used CSS, JavaScript, and less.js in implementing CSS improvements. This also includes a full screen cast video.

Less.js: Getting started

This is a tutorial made by Less CSS in getting started with less.js using CSS, JavaScript, and less.js. The tutorial include installation of less, command-line usage, usage in code, configuration, and the third-party tools.

Using [b]Less.js to Simplify Your CSS3 Design Shack

This is a tutorial made by Joshua Johnson of Design Shack in using less.js to simplify CSS3 using less.js, CSS, and JavaScript. This includes codes for declaring variables, operations, mixins, multiple variable mixins, nested rules, and compiling.

Setting Up Less.js on Client Side: A How to Guide – HotThemes

This is a tutorial published on Hot Themes about how to set up less.js on client side using less.js, CSS, and JavaScript. This tutorial shows how less can helps extend the feature set of CSS in a more dynamic way, by allowing writing the stylesheets using the variables, mixins and other techniques.

Introduction to LESS.js – Part 1

This is a tutorial made by Al Romano of Virtually Creative in the introduction to Less.js using CSS, less.js, and JavaScript. The tutorial shows how to add variables, mixins, nested rules and much more to CSS 3 to make it function.

What is and how to use Less.js with WordPress? – Gauss Development

This is a tutorial made by Ivan Doric of Gauss Development in what is and how to use less.js with WordPress using CSS, less.js, and JavaScript. This tutorial shows one trivial functionality in Less.js, called Nested rules. This also include codes for the mixins and the variables.

Less.js Archives – Academy of One

This is a tutorial made by the Academy of One about Less.js using CSS, less.js, and JavaScript. This is consists of different videos to wrap up, importing and JavaScript, interpolation and escape, color, and math and operations.

Dynamic CSS rendering in Express with LESS

This is a tutorial made by Bit Drift in dynamic CSS rendering in express with LESS using CSS, JavaScript, and less.js. This include an example that will dynamically convert Less to CSS via the less.js compiler on request.

How to quickly use LESS in a WordPress theme

This is a tutorial made by Carlo Rizzante on how to quickly use less in a WordPress theme using less.js, CSS, and JavaScript. This includes functions of the page.

This is Stuff: Wro4j, Page Load Optimization and Less.js

This is a tutorial made by Meri-Stuff about the Wro4j page load optimization and less.js using CSS, JavaScript, and less.js. This include Wro4j’s three basic optimizations: grouping, minimization, and entity tag.

Asual LESS for Java

This is a tutorial made by Asual about the Less for Java using less.js, JavaScript, and CSS. This include codes for the configuration to the dependencies section of the pom.xml file.

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.