Give us a call: +(1) 269 252 4193
Select your language

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.

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: 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.

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

Build website spiders and crawlers using: Python | PHP | Java | Node.js | Scrapy | Cheerio | Apache Nutch | MongoDB | PhantomJS.

Website Tools

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

Javascript Graphing Libraries

Add charts & graphs to your website using: Chart.js | Chartist.js | DC.js | Morris.js | Timeline.js | Vivagraph.js

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.

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



Scroll To Top