How to Use a CSS Preprocessor to Avoid UI Inconsistencies

• 1 minute READ

Inconsistencies in UI design can be quite bothersome to users. The problem can stem from CSS inconsistencies. By using a CSS Preprocessor like LESS, you can create mixins for components that generate needed styles.

This process will create UI components that have a much stronger tendency to stay consistent as an application is developed.

The video tutorial takes you through using LESS to change settings for elements such as buttons. You can add things such as color, shadows and active states.

Further the video shows you how inconsistencies in design start. (The answer is often a copy and paste error.) By using LESS, multiple elements can be changed using a block of styles.

What you will learn in this tutorial: How to use a CSS preprocessor, such as LESS. You will need web development and coding knowledge to follow this tutorial with ease.

No-Code Email Template Builder

With Postcards 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.

Try FreeOther Products

Video run time: 9 minutes

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—follow him on twitter: @_davideast.

Posts by David East
Earn 25% commission on affiliate sales

We build high-quality products

Designmodo offers advanced drag and drop website and email builders for web designers and developers, we have everything you need to make money.


We use cookies to ensure that we give you the best experience on our website. Privacy Statement.

  • I disagree
  • I agree