Here’s a good resource for those of you that like your CSS pre-cooked.
I’m not talking about a layout or nifty menu, I’m talking about forms.
Forms can be a real pain in the neck. Whether it be a contact form, login, newsletter, comment, or whatever else is dreamed-up.
Let me serve you up some “fresh baked forms for your website” with Formee:
Formee works with the technique provided by Fluid 960 Grid System (created by Stephen Bau, based on the 960 Grid System byNathan Smith) to compose the form’s layout, allowing total flexibility to put it in any website or web system.
Formee works across all the major browsers, is very flexible, and completely customizable.
The forms are built around percentages, so it will flex and adapt to the space you give.
Formee has its structural code independent of the style codes, facilitating the complete customization and manteinance of the form.
It’s coded well, too:
The form was built with care to preserve web standards and their semantic values, working with the smallest possible amount of tags and according to the W3C rules.
Even though Formee is a framework that gives you a blank slate, it has a few nuggets of style:
Some elements have been inserted to add more value to your project , such as message boxes that can be shown indicating errors, warnings and success alerts. We also use the field-set element to cluster form fields that have the same context through the legend tag.
Just add this code inside the head tag:
<!-- css for structure -->
<link rel="stylesheet" href="form-structure.css" type="text/css" media="screen" />
<!-- css for style -->
<link rel="stylesheet" href="form-style.css" type="text/css" media="screen" />
And, then you’re all set to cook your code!
I downloaded the zip and it’s complete with documentation, tightly packed in HTML to view locally.
Very nice.
I’ll be using this for my next web form, for sure!
Speak your mind...