My original forms library didn’t support anything but textboxes/textareas and buttons and it had ugly “messages” (messages being errors/warnings/info markers). It also had only a single theme. All that changes in version 2.0.
Themes
Version 1 had only a single gray theme, which looked nice, but wouldn’t work everywhere. Now there are 3 more color themes: blue, green, and red. All of the colors (minus error/warning/info messages) fit the color scheme.
What to expect in v2.5: A “transparent” theme with semi-transparent fields
Radio/Checkbox Support
When I first designed version 1, I thought it would be impossible to style radios and checkboxes without javascript. This time around I knew more tricks and was able to cover the radios and checkboxes with the :before pseudo-element, but that didn’t work in mozilla so I made a javascript fallback.
What to expect in v2.5: MUCH better <select> support
Errors/Warnings/Info Messages
In version 1, the “messages” that were intended for validation were ugly and nearly impossible to place properly next to their corresponding fields, an afterthought. Although they were an afterthought again this time, they are 500 times better. Just giving the field’s container a class for what kind of message it has and add a <span> with that same class next to the field and a simple message appears next to the field and the field changes color (slightly).
And There’s More!
I also made some other minor aesthetic changes, such as how hovered and focused fields are displayed and even adding a subtle -webkit-keyframes animation to focused fields to have them glow.
