: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.
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
In my oh-so-humble opinion, Facebook's Modal box is the best modal box around. It's lightweight, subtle, and very stylish. I've taken Facebook's imagery and CSS and combined it with MooTools' awesome functionality to duplicate the effect.
Facebook uses a funky sprite for their modal...
A long time back I coded a MooTools class called OpenLinks. The class is quite useful but the code...sucks. I've gotten much better with MooTools over the past years so I thought I'd go back and update the class to be better, faster...