Most needed CSS 3 features
Friday, June 26, 2009 (21:37:27)

Posted by Madis

With CSS 3 on it's way you may have thought why is it needed or that let's skip it and move on to CSS 4 as technology progresses so fast.

Whether or not we should be playing Crysis in a web browser, CSS 3 is already getting behind it's time and browser vendors should speed up the things a little.

So read on to see what I think are the most needed features NOW.

1) border-image and multiple backgrounds
(x)html has been criticized for not affording to design the page without all the extra markup. That is the progress we are trying to reach. However, bordering things with alpha channeled images means a new element for every image.

With border-image and multiple backgrounds it would be damn nice. Just look the code and you'll feel the vibe:

Code:
border-image: 
border-top-image
border-right-image
border-bottom-image
border-left-image
border-corner-image: 
border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image

Code:
background: url(body-top.gif) top left no-repeat,
url(banner_fresco.jpg)  top 11px no-repeat,
url(body-bottom.gif) bottom left no-repeat,
url(body-middle.gif) left repeat-y;

2) Multi column text
Instead of fitting pointless stuff on the page to keep the text lines with readable length we could have more organized text on the screen.

That's it! Sorry for not having 3 things. I guess @font-face can be very neat, in case it won't get too much of copyright discussions. And word-wrap could be useful for not breaking layout nor hiding text behind the scrollbars, but it's not that essential as normal words aren't very long.

I'm too lazy to make a full fledged article with images n' stuff, but you have the links on every point, go check them out! Also, if you can't wait for CSS3 to make your wildest dreams true, use what you have, here's a nice article: 10 CSS Tips Every Web Developer Should Know

Content received from: Dragonfly Eesti, http://000.pri.ee