Use CSS to do things images normally do?

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

Post Reply

Do you use CSS as opposed to images as much as possible?

Yes, all the time
7
54%
Where it seems appropriate
4
31%
Not generally
2
15%
No, never
0
No votes
How do you do that?
0
No votes
 
Total votes: 13

User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Use CSS to do things images normally do?

Post by Chris Corbyn »

Who uses CSS as a substitute for using images to add page decorations.

I'm talking about things like thine lines, blocks of color, overlapping blocks etc etc. Seems that so many people still use images to do things which use about 20% of the bandwidth (if not less) with CSS...
User avatar
anjanesh
DevNet Resident
Posts: 1679
Joined: Sat Dec 06, 2003 9:52 pm
Location: Mumbai, India

Post by anjanesh »

Cannot be all the time - though 99.9%.
For curved borders though I have to use small 4 curve-corner bmp images until CSS3 is fully implemented.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Post by pickle »

As much as possible. You gotta look out for the little guy who still uses dial-up.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
neophyte
DevNet Resident
Posts: 1537
Joined: Tue Jan 20, 2004 4:58 pm
Location: Minnesota

Post by neophyte »

CSS is the way to go? Who likes sitting around clipping little images? And what not or inserting lots of rollover JS stuff?
User avatar
phpScott
DevNet Resident
Posts: 1206
Joined: Wed Oct 09, 2002 6:51 pm
Location: Keele, U.K.

Post by phpScott »

agian it depends on what you are trying to accomplish. if you get some dorky designer wanting drop shadows around their images and the like the only way I know how to accomplish this is using images.

Vertical repeating lines also require the use of images.

Depends on what the site has to look like but i do use css as much as possible.
User avatar
nielsene
DevNet Resident
Posts: 1834
Joined: Fri Aug 16, 2002 8:57 am
Location: Watertown, MA

Post by nielsene »

Well the OP was asking about using CSS to do things it can do, that images also can. So in my opinion, if CSS1 can do it, there's no reason to use an image instead. If its CSS2, then you'll have to look at the level of browser support.

There are of course LOTS of cool tricks using both CSS and images :) such as, for instance, a relatively clean markup, drop shadow solution :)
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

nielsene wrote:There are of course LOTS of cool tricks using both CSS and images :) such as, for instance, a relatively clean markup, drop shadow solution :)
I was thinking exactly the same thing. Perhaps there's an actual clean CSS way to it but you can certainly offset two overlapping divs, one light, and one dark. Offset more divs for a more blurred effect ;)
User avatar
nielsene
DevNet Resident
Posts: 1834
Joined: Fri Aug 16, 2002 8:57 am
Location: Watertown, MA

Post by nielsene »

or offset ~4 completely non-semantic divs for the "Onion Skinned Drop Shadows" from ALA.

(Interesting effect, but I think its just as bad as the "old school nested tables" design method)
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

nielsene wrote:or offset ~4 completely non-semantic divs for the "Onion Skinned Drop Shadows" from ALA.

(Interesting effect, but I think its just as bad as the "old school nested tables" design method)
Haha, quite true. I guess you need to know where to draw the line. If CSS can clear out the clutter that tables cause why start filling pages with crafty, seemingly random, CSS code which basically creates a new, more modern mess :P
Post Reply