Category: Article, Forms

This is just a random idea, but I can’t stop it from swirling around in my head.

Whenever I need to style a form on a fresh project where the CSS and style guide stuff is just settling in, the temptation to reach for a mini form framework is strong. Form elements are finicky, have little cross-browser issues, and are sometimes downright hard to wrassle styling control from.

This idea, which I’m just now managing to write about, but haven’t actually done any work toward, would be this mini form framework. Maybe something like “Boilerform”, as Dave jokingly suggested on an episode of ShopTalk.

I imagine it something like this:

  1. It would have basic form styling to organize form elements, not unlike something like Foundation forms.
  2. It would account for cross browser issues, not unlike normalize.css.
  3. It would include strongarming styling control over form elements, not unlike WTF, forms?
  4. It would include native browser form validation stuff, including UX improvements via native JavaScript API’s, not unlike Validate.js.

I think there is value in combining those things into one thing, but doing so…

  1. With a light touch, being as unopinionated about the final styling as possible
  2. With flexibility, perhaps showing off a gallery of different form types with different styling.

I probably don’t have time to head up a project like this, but I wouldn’t mind helping connect humans who also see value here and wanna give it a shot.

Boilerform is a post from CSS-Tricks