(10) box-shadowWhether 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 UnitsSure, there's nothing
eye-catching or
glamorous about defining length in terms of a browser's viewport.
But scaling text to its window — without Javascript — is
far more important to me than a
thousand shadows vying for my attention.
(8) calc()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 BearPurists 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.
Opera
needs to add support
just to keep up.
(6) Multiple BackgroundsMany 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.
(5) GradientsFor 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 TransformsWouldn'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.
(3) TransitionsCartographers 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.
(2) border-radiusSharp edges are
dangerous. Uninviting. Foreboding.
The most visually pleasing sites often use curves to lead the eye, welcoming us to their content. Border radii
create those curves.
Imagine the opportunities for widget developers — with or without
radii capping.
(1) Multi-column layoutIn 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.