1 minute

Flat UI Pro Tutorial: How To Use LESS to Create a Sign-In Form

0 Comments

Flat UI Pro Tutorial: How To Use LESS to Create a Sign-In Form

David East takes you step-by-step through the process of using LESS and HTML to create a custom sign-in form using Designmodo’s Flat UI Pro in this new video tutorial.  This video is Part 4 in the Flat UI Tutorial Series, following “Setting and Compiling Using LESS”, “How To Use LESS in the Creation of an HTML Menu”  and “How To Use LESS in the Creation Sidebar Navigation.”

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.

The simple forms allows you to create a custom sign-in form using the flat design style with components of Flat UI. You will use LESS and HTML to create the form, creating a custom title bar, alert message, and different sign-up/log in options. The tutorial takes you through steps to build the form and customize it with different color and CSS options.

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

Create a Sign-In Form

What you will learn in this tutorial: How to use LESS styles and HTML to create a simple sign-up form.

Video run time: 13 minutes

Impress your audience with animated websites and web presentations.

With Slides, we don’t make you start from an empty slate. All you have to do is to pick the elements you like best and combine them. Each slide has been carefully crafted to satisfy three key criteria: aesthetic, function and usability. That way you know every element works together seamlessly while enhancing the impact of your content.

Create a Website
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

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree