1 minute

Flat UI Pro Tutorial: How To Use jQuery to Add Functionality to a Custom Mailbox

1 Comment

Flat UI Pro Tutorial: How To Use jQuery to Add Functionality to a Custom Mailbox

Now that you have gone through a series of tutorials with David East to create a custom mail app, he is back in this lesson to show you how to add jQuery functionality to it. The videos in this tutorial series use Designmodo’s Flat UI Pro.

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 add functionality to your app using jQuery. The tutorial helps you create checkboxes that highlight with a color and allow you to move and delete items from the mailbox.

Most of the work done in this tutorial is though the backend CSS and features more coding that actual design work. The steps are easy to follow if you have a basic understanding of web design, coding and jQuery.

Make sure to keep coming back for the next video in this series.

Use jQuery for a Custom Mailbox

What you will learn in this tutorial: Add functionality to a custom mailbox application using jQuery tools.

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

Super-Intuitive Drag & Drop Template Generator

Create beautiful responsive emails and newsletters easily.

Learn more Try Free
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree