Give Your Forms Unbreakble Style With Formy
What designer doesn’t dread web forms? They usually play a key role in your site’s user experience — choose an option, enter your search term here, or send us an e-mail — but they get kludgy really fast. Put them in tables and you’re making them less accessible. Try to pretty them up with CSS and you’ll realize that they’re the toughest thing on the page to style properly. And if they break, your site is crippled. Any way you slice it, forms are a headache.
So here’s a nice CSS framework for building better forms. It’s called Formy, and it’s a very simple bit of CSS code that degrades gracefully — if the CSS fails or gets over-ridden by the browser, the basic HTML form layout still loads, works properly and looks good.
It’s a young project created by CSS hacker vladocar. Download Formy and give it a spin.
Formy joins other helpful form hacks like:
- Vacuous Virtuoso’s FancyForm, which also degrades nicely.
- The Nice Simple Contact Form from css-tricks.com.
- Nick Rigby’s Pretty Accessible Form
Are your forms well-formed? Tell us about your secret sauce in the comments.
Image: Heat map from Web Form Design: Filling In the Blanks by Luke Wroblewski, via Flickr.
