Flat UI Pro Tutorial: Setting and Compiling Using LESS

• 1 minute READ

Flat UI Pro Tutorial: Setting and Compiling Using LESS

David East takes you step-by-step through the process of using LESS settings using Designmodo’s Flat UI Pro in this new video tutorial.

In this video tutorial, you use components from Flat UI Pro to create a complete simple mail app using LESS. He takes you through the steps to set up LESS files and stylesheets for the application. The tutorial explains use of both WinLESS and SimpLESS applications for both Windows and Mac users.

The video takes you through the steps to create LESS settings for menus, a sign up form and more, including an optional tutorial on responsive fixes.

The tutorial is easy to follow using any platform or editor to develop basic CSS. You will need basic web design and coding knowledge to easily complete this tutorial.

Setting and Compiling LESS

No-Code Email Template Builder

With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Free Email BuilderFree Email Templates

What you will learn in this tutorial: How to create LESS settings and compilations for both Windows and Mac.

Video run time: 12 minutes

Part 2: How To Use LESS in the Creation of a Horizontal Menu

David East

David East is a Developer Programs Engineer for Google, working on Firebase in San Francisco. He's a die-hard JavaScript fan and a budding iOS developer. He also likes waffles. If you like to write code—or eat waffles.

Posts by David East