: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.
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
You've probably noticed that I shy away from writing really long articles. Here are a few reasons why:
Most site visitors are coming from Google and just want a straight to the point, bail-me-out ASAP answer to a question.
I've noticed that I have a hard time...
A goal of my latest blog redesign was to practice what I preached a bit more; add a bit more subtle flair. One of the ways I accomplished that was by using CSS3 animations to change the display of my profile icons (RSS, GitHub, etc.) I...