Flat UI Pro Tutorial: How To Use LESS in the Creation of a Custom Mailbox

• 1 minute READ

How To Use LESS and HTML to Create a Custom Mailbox

David East is back with another great video tutorial using components from Designmodo’s Flat UI Pro. In this video, he takes you step-by-step through the process of using LESS and HTML to create a custom mailbox section of a mail application.

In this video tutorial, you use components from Flat UI Pro and the steps from the previous videos in the Flat UI Tutorial series to use LESS to create simple forms, including sign-ins with a social network or email. In this video, you learn more about the creation of a custom mailbox and creating styles for the look of mail items.

The steps in the tutorial make it easy to set up settings from title menus to the look of mailbox features. In addition, the tutorial shows how to make simple design changes right from the browser so you can see the look of your app as you create it.

The tutorial is easy to follow if you have basic web design and coding knowledge.

Create a Custom Mailbox

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: Create a custom mailbox section for a mail application using LESS, HTML and styles from Flat UI Pro.

Video run time: 10 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.

Posts by David East