:valid, :invalid, and :required CSS Pseudo Classes
Each state is colon-separated from the element it's associated with:
/* basics */
border: 1px solid blue;
border: 1px solid green;
border: 1px solid red;
These pseudo classes are straight forward and useful. Here we're changing only borders, but you could use
:after to place text or an image next to each field, representing their state.
I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...
I get quite a few support requests for my previous MooTools SmoothScroll article and the issue usually boils down to the fact that SmoothScroll has become Fx.SmoothScroll. Here's a simple usage of Fx.SmoothScroll.
The only HTML requirement for Fx.SmoothScroll is that all named...
One of the famous MooTools plugins is Harald Kirschner's AutoCompleter plugin. AutoCompleter takes a term input by the user and searches for matches -- an obviously help to the user. Here's how to make the most of Harald's great plugin.