recent curated

news posts

 

d:r Feeds

Code an Awesome Registration Form with the Exotico UI Set permalink

Source: vandelaydesign.com

Steven Snell / (0) / posted 12 months ago / flag this / read more

Today we’ll learn a few CSS tricks that you can use to code your UI elements and keep them as awesome as they were in the psds. I know, things are much easier when you have a good design, so we’ll use Exotico UI this time. You can buy it for $19, or if you are a Vandelay Premier, you can just download it as a member. Also, we have a free version so you can see how awesome that UI Kit is. We’ll use inputs, progress bars, and buttons this time. If you want to see any other element coded, you can let us know via comments. That’ said, let’s start the fun part.

Demo and Download!

This is the final result we’ll get. You can download demo files or just check the online demo and see how it works! Code an Awesome Registration Form with the Exotico UI Set

Add your dialogue below. Simple html (‹b›‹i›‹em›‹strong›) is OK, but make sure to preview your comment first! Oh, and please be nice!


 

related content

News posts

 

Code an Awesome Registration Form with the Exotico UI Set

 
 

Coding a Guided Registration Form with jQuery

 
 

How to Code an Awesome Categories Menu for Your WordPress Site

 
 

Books: The Eames Lounge Chair: An Icon of Modern Design

 
 

Building an Awesome Navigation Menu with jQuery: Part 1

 
 

Part 2: Building an Awesome Navigation Menu with jQuery

 
 

Improve Website Usability 30 Best HTML5 and CSS3 Form Exercises

 
 

Conference Hound-Up February 27, 2012: An Awesome Way To Start The Week

 
 

Introducing Exotico UI Set, Free and Premium Versions

 
 

Introducing the Precio UI Set, Free and Premium Versions

 
 

Flying Eye Books

 
 

Ebook Review - Online Reputation Management from ViperChill

 
 

31 in 31: #11

 
 

10 Things You Can Do Today to Become a Better Designer

 
 

Free Download: Ribbons and Badges from the Menso UI Set

 
 
 

Projects

 
RSPCA QLD Volunteers

RSPCA QLD Volunteers

 
 
Embryo Transfer Pump

Embryo Transfer Pump

 
 
the silver bullet

the silver bullet

 
 
da vinci code soundwalk

da vinci code soundwalk

 
 
dérive spokane

dérive spokane

 
 
dérive spokane presentation

dérive spokane presentation

 
 
Evoka Website

Evoka Website

 
 
Organic Grid

Organic Grid

 
 
Archetype Design Studio Identity

Archetype Design Studio Identity

 
 
Nunya Clan website

Nunya Clan website

 
 
4cour

4cour

 
 
CHANEL Cambon Line Tokyo Press Presentation Stage Design

CHANEL Cambon Line Tokyo Press Presentation Stage Design

 
 
Serie Flowing

Serie Flowing

 
 
Design Institute / Market Place

Design Institute / Market Place

 
 
Chavela

Chavela

 
 
 

Inspirations

 
Businessweek's tribute to Steve Jobs

Businessweek's tribute to Steve Jobs

 
 
Recent Work by Quitterie de Fommervault

Recent Work by Quitterie de Fommervault

 
 
Goro Miyazaki's Tales from Earthsea (Gedo Senki)

Goro Miyazaki's Tales from Earthsea (Gedo Senki)

 
 
A Collection Of Photography by Tina Hillier

A Collection Of Photography by Tina Hillier

 
 
How to Design a Cover in 1:55 seconds

How to Design a Cover in 1:55 seconds

 
 
38 websites coded in HTML5 for your inspiration

38 websites coded in HTML5 for your inspiration

 
 
Digital Typography 80s Style

Digital Typography 80s Style

 
 
A PERFECT FACE - Tim   Coe

A PERFECT FACE - Tim Coe

 
 
design philosophy...

design philosophy...

 
 
Sky Screen, Beijing

Sky Screen, Beijing

 
 
The Gum Thief

The Gum Thief

 
 
iwantyourskull.com

iwantyourskull.com

 
 
Campana Brothers Design in London

Campana Brothers Design in London

 
 
Head

Head

 
 
Friends With You

Friends With You