В последнее время многие верстальщики стараются реализовывать практически всё с помощью html/css, нежели использовать изображение.
Первым грубым примером может быть кнопка. В одном случае реализована с помощью спрайта или отдельных изображений, во-втором случае с помощью html, то есть с использованием только кода.
Второй пример.
Вот так я реализовал анимацию течения воды из крана на html/css, используя только картинку воды, которая движется на фоне и создаёт очень реалистичный эффект. Так же эту раковину можно было полностью нарисовать в Photoshop-е и вставить картинку, но только анимацию реализовать на html/css.
Третий пример. Более сложный и серьёзный.
Сайт "Тематических медиа". У них на сайте Flat дизайн реализован простой вставкой картинки на бэкграунд секции. Но тоже самое можно было сверстать. Да, это сложнее.
Так вот, во-первых как вы реализовываете подобное. Во-вторых, какие положительные и отрицательные стороны вы видите в разных случаях. Возможно вы считаете, что это просто задротство, пусть люди загрузят страницу немного подольше, но реализовывать это вёрсткой не валидно. Приветствуются любые мнения.
P.S. Речь не идёт о красоте. Естественно в сложных дизайнах на сверстаешь на div-ах элементы, речь идёт о простых flat дизайнах, где такое возможно и не так уж сложно реализуется.
Простой
Средний
