Faded gradient separator bars

Here is a technique for creating both horizontal and vertical separator bars with pure css. See the Pen Sexyline 2 – verticlal by Michael Jasper (@mdjasper) on CodePen Using CSS3 radial gradients positioned off element, just the tip of the gradient is show, giving the line a nice shadowed/faded look:

This technique can be […]

Horizontal vs. Vertical button groups

Button groups are an important part of user interface design, but choosing their orientation can often be difficult. I’d advocate that horizontal groupings are better in most cases — consider this: Imagine that each element on the page is assigned a “Danger Zone” — and area where within one unit of margin of error, ¬†an […]