Whether you're trying to create the illusion of depth or give your paragraphs a healthy glow, there are hundreds of reasons
to use and love box-shadow!
Sometimes a single shadow can transform a borderline-average web site into an aesthetic masterpiece.
(9) Viewport Units
Sure, there's nothing eye-catching
about defining length in terms of a browser's viewport.
more important to me than a thousand
shadows vying for my attention.
Behold, another revolutionary feature toiling in obscurity!
Defining length as a function of multiple units would change the very potential
of web design.
Foundational changes like this are always remembered — ancient Rome is revered for its plumbers
, not its gladiators.
(7) Giant Angry Bear
Purists argue that a giant angry bear has no place in a presentational language. Still, it remains in the spec, and other vendors have
implemented (to varying degrees) this bloodthirsty monster.
to add support just to keep up.
(6) Multiple Backgrounds
Many hacks exist solely to overcome the draconian
limit of one background.
Why should developers strain and markup become bloated? Background images could — should
— be divvied up and reused, reducing code and bandwidth.
This is about more
than eye candy.
For too long, developers have been constricted to a palette of solid colors and images. I say it's time to whet our
palates with a panoply
of shimmering gradients!
Ravishing radials and luxurious linears make the most hardened developers swoon.
(4) 2D Transforms
Wouldn't it be great if browsers could replace image editors for simple tasks?
Do you want an image stretched? Rotated? Twisted out along a convoluted transformation matrix? If you answered “yes,” why stop at images?
The potential is staggering.
Cartographers agree: the quickest route from Point A to B is a straight line.
But when it comes to displayed content, sudden changes to a page can be... disorienting.
Transitions show people exactly what
is changing, and where.
Sharp edges are dangerous.
The most visually pleasing sites often use curves to lead the eye, welcoming us to their content. Border radii create
Imagine the opportunities for widget developers — with or without radii capping.
(1) Multi-column layout
In the world of newspapers, any waste of space is an unacceptable cost.
The web charges a similar toll for wasted horizontal space — the cost of scrolling, which visitors hate. Passionately.
It's a price we can no longer afford.