—»     —»   50 новых CSS-приёмов для вашего будущего Интернет-проекта
  Раздел: CSS/Style Sheets   Комментариев: 2  

50 новых CSS-приёмов для вашего будущего Интернет-проекта



1. Безопасность и функциональность
2. Разметка страницы
3. Адаптация меню и системы навигации сайта к запросам клиента
4. Типографская разметка текста
5. Другие дельные советы, приёмы и подсказки

4. Типографская разметка текста

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

- Обрамление текста тегами "pre"

Это инструкция по размещению текста внутри HTML-тегов "pre". Может пригодиться вам для отображения на вашем сайте кодов, особенно, когда строка кода слишком длинная, и нарушает разметку вашего сайта (например, в IE). Инструкция достаточно простая, к тому же, рассматривает и другие варианты решения этой задачи.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Создание броских и высоко-технологичных эффектов оформления текста с помощью инструмента CSS "Text-Shadow"

Создание эффектов оформления текста без использования изображений - значительный прорыв, благодаря которому уменьшается и размер файла, и длительность рабочего процесса. Здесь описано применение инструмента CSS "text shadow" ("тень") для оформления вашего текста. Хотя этот эффект не действует в IE, большинство других браузеров его воспринимают. И вид тексту, при правильном применении, он придаёт невероятно шикарный. (пример под названием "milky text" ("млечный текст") очень впечатляет).
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Подгон CSS под браузер Safari для защиты от наложения спектров через функцию "тень"

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

- Подгон CSS под браузер Safari для защиты от наложения спектров через функцию "тень" (дополнение)

Это дополненный вариант предыдущей инструкции, позволяющий немного модифицировать эффект защиты от наложения спектров, особенно актуальный для светлого шрифта на тёмном фоне. Суть приёма - в использовании сильно прозрачного чёрного фона, что вынуждает Safari отображать текст гораздо чётче.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Роскошные врезки для вашего блога

Если у вас есть блог или другой ресурс с весомым текстовым наполнением, использование врезок для выделения важных фрагментов может очень его украсить и, вместе с тем, облегчить его зрительное восприятие. Эта инструкция поможет вам отформатировать такие врезки средствами CSS. Вы научитесь создавать врезки с выравниванием как слева, так и справа, сохраняя при этом их привычную структуру в виде блоков.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Кодовое название "Радуга"

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

- Улучшенные пакеты CSS-шрифтов

В этой статье вы найдёте отличное руководство по созданию улучшенных пакетов CSS-шрифтов. Она содержит сведения о наиболее распространённых сейчас пакетах шрифтов с последующим переходом к обзору "Tuck’s Definitive Font Stacks" ("Полное собрание шрифтов от Tuck") и "Ford’s Better Font Stacks" ("Дополненное собрание шрифтов от Ford"). Это пособие очень поможет вам грамотно подобрать шрифты для текстов на сайте, к тому же, данные в нём подаются в удобном для восприятия формате.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Настройка начертания шрифта через CSS3

Отличное руководство по созданию набора шрифтов посредством CSS3. Этот приём пока не получил широкого применения, однако он намного облегчает настройку особых шрифтов на сайте без использования изображений.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

- Эффект градиента текста от CSS

Этим нехитрым приёмом можно добавить градиент в текст, отформатировав его в PNG с углом наклона в 1 пиксель. Лёгкий и быстрый способ поместить текст с градиентом куда угодно на вашем сайте. С приспособлением для его адаптации к IE6 в придачу.
50 новых CSS-приёмов для вашего будущего Интернет-проекта

Новость отредактировал Design FactoRy - 11 июля 2017, 20:06
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS
Опубликовал Mysterious Master   Прочитано (раз): 9840   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 8 ноября 2010 @ 21:25
Написал: Drofa — группа: Читатели  
На сайте с: 1.10.2010   |   Публикаций: 0   |   Комментариев: 11
ICQ: 643208630
Воспользуюсь. Отличная информация.
Комментарий #2: 8 ноября 2010 @ 22:49
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3304   |   Комментариев: 500
ICQ: --- не указано ---
Drofa, конечно пользуйтесь smile
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Август 2019    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
262728293031