Учусь верстать спрайтами

[DivMan]

Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод?

 

http://jsfiddle.net/9LsUQ/

 

Никакие посты про спрайты не читал, просто знаю про их существование. 

Edited July 30, 2014 by DivMan

[advokatua]

нет, говнокод.

 

Вы бы еще про ядерный реактор не читали и взяли построили, просто зная о его существовании )

[DivMan]

нет, говнокод.

 

Вы бы еще про ядерный реактор не читали и взяли построили, просто зная о его существовании )

 

Этот код получше?

 

http://jsfiddle.net/9LsUQ/1/

[swandev]

Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод?

 

http://jsfiddle.net/9LsUQ/

 

Никакие посты про спрайты не читал, просто знаю про их существование. 

Задайте всем ссылкам одинаковый бекраунд с позицией top left

 

а для остальных используйте background-position

[DivMan]

 

Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод?

 

http://jsfiddle.net/9LsUQ/

 

Никакие посты про спрайты не читал, просто знаю про их существование. 

Задайте всем ссылкам одинаковый бекраунд с позицией top left

 

а для остальных используйте background-position

 

Этот код получше?

 

http://jsfiddle.net/9LsUQ/1/

[Aleksandr.L]

Хотя бы так: http://jsfiddle.net/xUd4T/2/

Edited July 30, 2014 by Aleksandr.L

[Great Rash]

Все варианты - говнокод. Только дело говорит. Паддинг там вообще не нужен. Абсолютное позиционирование зачем?

[advokatua]

чуть лучше, но я непонимаю в чем смысл этого мазохизма. В чем проблема задать иконкам фактический размер, а не через паддинги химичить что-то непонятное?

[swandev]

 

 

Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод?

 

http://jsfiddle.net/9LsUQ/

 

Никакие посты про спрайты не читал, просто знаю про их существование. 

Задайте всем ссылкам одинаковый бекраунд с позицией top left

 

а для остальных используйте background-position

 

Этот код получше?

 

http://jsfiddle.net/9LsUQ/1/

 

нет.

так правильно http://jsfiddle.net/9LsUQ/5/

[DivMan]

Хотя бы так: http://jsfiddle.net/xUd4T/1/

слишком как-то сложно

[npofopr]

Сложно о_О 

По моему многие генераторы спрайтов именно так и делают. Но вы наверно даже не смотрели, как делают другие?

[DivMan]

не смотрел