Teach your forms some manners

Styling form elements can be daunting at times.  You get it looking good in one browser only to find it completely different in another.  That’s why I’m sharing this recent find.  It’s called Formalize (built by Nathan Smith) and it teaches your forms manners.  It’s super easy to implement and won’t bog down your bandwidth at 1.9 bytes. Just include formalize.css, your JS library of choice, and the *.formalize.js file in the <head>.  That’s it.  From here on out your forms will look seamless across all browsers and operating systems.

Here is an example from the Formalize website which shows a few form elements with out Formalize and then with Formalize.

Chrome Examples of Formalize

Web Dev

This is the archive for Web Dev.