Сделаем популярный элемент, использующийся в оформлении страниц веб проектов - ленту с текстом. Для решения задачи потребуется только один HTML элемент и CSS. Никаких изображений и jаvascript.

Простая реализация на jQuery бегущей текстовой строки. Мы лишь слегка оформили задний фон с помощью css3 градиента.

Очень симпатичные хлебные крошки в стиле сегодняшнего гугловского оформления. Протестировано во всех браузерах поддерживающих CSS3, при этом и в старых браузерах (в большинстве случаев) крошки будут корректно отображаться.

Адаптивный веб-дизайн направлен на то, чтобы предоставить сайт наилучшим образом, даже если его просматривают при помощи мобильного устройства. Если вы используете изображения с высокой детализацией, то на маленьких экранах их будет просто невозможно рассмотреть. Новый CSS-фреймворк Focal Point] предназначен для того, чтобы вы могли выставить фокус на самую важную часть изображения перед его уменьшением. Таким образом, при маленьких разрешениях экрана, люди смогут видеть лишь часть изображения, но зато в нужном размере.

Презентую Вам красивую кнопку сделанную только при помощи CSS. Делал для своего блога, но увидел, что уже начали рипать, по этому решил не усложнять и без того не простую работу риперов.