Geek asks and answers

Why does anyone use pure stylized CSS styles using the bitmap / SpriteSheet method?

We have a constant discussion at my work about the best way to deploy buttons on our sites. Some directors ask for buttons in pure CSS, I prefer to do sprites in Photoshop. My argument is kerning, text effects like drop-shadow and aliasing look best from Photoshop. Their argument: you are losing SEO points, translation mechanisms cannot change buttons.

I am sure that there are arguments for both sides: have I lost something obvious for any of these arguments?

+5
source share
8 answers

, , CSS, , , . CSS/JS, . , , . killer, .

.

, Photoshop... . , , .

.

, , , , . . CSS;)

.

, . " " / / CSS , / .

.

SEO: ( , , IMO), , . 100% .

+4

CSS, , . , , , CSS/plain-text.

- .

+2

1 - , css ,

2 -, 20 50000 , .

3 - SEO, css , , .

, , css can not ( , ).

, , -, . , .

Stackoverflow, . - css.

+1

; Photoshop cleartype ( ), . , .

CSS, . , HTML, CSS, .

, , , , (esp, PSD), , ..

+1

. , / = . , . / , , - .

, frontend spritemap, CSS-.

. Spritemaps , , , CSS , , .

, . , , CSS . , , , , spritemap.

0

, CSS text-indent: -100000; , , .

<div class="button">Button text</div>
<style>
    .button {
        text-indent: -100000;
        background: url('path/to/image/with/button/text.jpg') no-repeat center center transparent;
    }
</style>

, () 50 3 , . , , ....

0

( ), css . , , , . .

css , , , IE - , , .

0

, Photoshop, MS Word DTP , ? , - . CSS, -- ? , Flash, " ".

You must consider the criticality of user experience and ease of development and open standards. I believe that it’s worth trying to separate the content layer from the project level as much as possible, which means leaving the images behind curved corners, buttons and many other things that can now be done using CSS3. To do this, we sometimes have to partially control and improve in order to move forward with the available technology.

0
source

More articles:


All Articles