Transfer CSS to LESS when Building a Website with Startup Framework

<iframe width=”420" height=”315" src=”https://www.youtube.com/embed/EAIVY-rv9Ho?rel=0" frameborder=”0" allowfullscreen></iframe>

What you will learn in this tutorial: How to code a website (Startup Framework) using LESS for simpler, leaner CSS. Video run time: 4 minutes

David East takes you step-by-step through changing a website built using CSS to LESS, for simpler code in your website design.

In this video tutorial, we will show you how to use the free LESS app to compile code for a website. We explain how to find the appropriate .less files to use and how to get your code set up properly.

In addition, we help walk you through the troubleshooting process when parts of the site look unlike you expect when doing the conversion. (This includes elements such as stray underlines or missing text.) In a simple step, he shows you how to both find and correct these problems in this tutorial.

By using LESS, your website will be easier to customize. Instructions for how to do that are coming in the next video lesson.

The tutorial is easy to follow and uses files from Designmodo’s Startup Framework and Flat UI. You will need basic web design and coding knowledge and some understanding of Twitter Bootstrap to complete this tutorial.


Originally published at designmodo.com on March 7, 2014.

A single golf clap? Or a long standing ovation?

By clapping more or less, you can signal to us which stories really stand out.