Вы скорее всего сталкивались с этими эффектами, когда бродили по сети. Они уже достаточно часто встречаются на сайтах (по крайней мере в "западном интернете") и постепенно набирают популярность в современном вэб-дизайне. Самое классное во всех этих эффектах - это то, что для их использования не нужно применять  тяжеловесной графики и кучи изображений, сжирающих трафик и тормозящих загрузку ваших страниц. Все представленные эффекты создаются с помощью обычного CSS, достаточно просто вписать соответствующие стили в ваш код и вы получите превосходный результат.

Материал, собранный в этом обзоре, соответствует категории "Must Read". Пересмотрите, перечитайте, попробуйте все описанные техники и когла вы в следующий раз будете создавать дизайн для очередного сайта, комбинируя в Photoshop слои, тени, рельефы и прочие "штучки", не забудьте, что большинство из этих "наворотов" можно реализовать простым CSS кодом.

Типографика играет ведущую роль в современном вэб-дизайне, и ее нельзя не дооценивать. Поэтому прочтите внимательно все предлагаемые статьи и туториалы. Я думаю, вы найдете много полезной информации и с успехом примените ее при создании собственных потрясающих дизайнов. К сожалению все ссылки ведут на англоязычные ресурсы, но я думаю, пытливому уму это не помеха 

Создание вдавленных и выпуклых надписей с помощью CSS-теней.

 

Посмотреть пример

 

Поворот текста с помощью CSS

 

 

Отображение даты с помощью спрайтов

 

 

Градиентные заливки текста с помощью CSS

 

Посмотреть пример

 

Другие варианты градиентных текстов

 

 

Добавление эффекта "грандж" с помощью простого CSS-кода

 

Посмотреть пример

 

Два простых способа создания рельефного текста

 

 

Техника "выдавливания текста" с помощью CSS

 

Посмотреть пример

 

Кодовое имя "Радуга"

 

Симпатичные примеры смеси CSS и JavaScript ,предоставленные DragonInteractive, покажут как создавать двухцветные градиентные переходы для текста с тенями и бликами.

Посмотреть пример

 

Падающая тень с помощью CSS

 

 

Отображение текста с тенью

 

Очень подробная статья о создании красивых и профессиональных текстовых эффектов с тенями, рельефом, бликами и свечением, выполняемых всего за несколько шагов.

 

Фоновые градиенты

 

Один из самых популярных нынче эффектоы - фоновый градиент - теперь можно создать несколькими строками CSS-кода.

 

CSS-тени в Opera, Safari, FireFox и других броузерах

 

 

Отсечение текста

 

 

Реализация sIFR3 на вашем сайте

 

 

Внедрение любых шрифтов в ваши страницы с помощью FLIR

 

Посмотреть пример

 

Некоторые советы по типографике для создания полноценного дизайна ваших сайтов

 

Правильное использование заголовков на ваших страницах

 

 

Современные техники типографики средствами CSS

 

 

10 примеров достижения прекрасных типографических результатов с помощью CSS

 

Отличная статья, описывающая простые, но очень эффективные CSS-трюки по созданию красивых типографических эффектов всего несколькими строками кода.

 

Типографика: разделение и слияние

 

Статья, описывающая, как, с помощью типографики, правильно разделять потоки текста, создавая секции, разделы и блоки. 

Посмотреть пример

 

Применение типографических элементов в дизайне

 

 

5 принципов и идей по использованию текста в дизайне