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

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.

LESS.css Tutorials

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

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

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

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.

LESS.js Tutorials

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.

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

Infininite Scrolling Web Design

Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.

Infinite Scroll Tutorials

Tutorials about how to build an infinite scrolling website, including: WordPress, Drupal, Blogger, jQuery, Jetpack, Masonry, Isotope, and the Infinite-Scroll plugin for WordPress.

Infinite Scroll, Card Design Tutorial

How to build an infinite scrolling website with card design using Masonry, AJAX, JavaScript, PHP, and MySQL.

Website Crawlers

Looking to download a lot of data? Need to find the exact information in a gigantic internet haystack that you are looking for? These resources are designed to help you build spiders, crawlers, and other tools to obtain data from the internet.

Website Crawler Tutorials

Website Tools

These tools are designed to help you build your website, add content, and improve your website’s appearance.

Javascript Graphing Libraries

Node.js Tutorials

How to install, program for, and implement Node.js for scalable and easy server-side Javascript for quick AJAX-style processing.

Parallax Website Design Techniques

Create websites with parallax scrolling using: jQuery.js | Stellar.js | Skrollr.js | CSS

Reveal.js

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.