Архив тега: оформления текста

На странице собраны все публикации по тегу «оформления текста».

Подчеркивание ссылок и текста через CSS, свойство text-decoration

В одной из прошлых статей мы писали о мини дизайнерском тренде в виде добавления ярких фоновых полосок под ссылками и текстом на сайте. Аналогичный эффект также можно встретить в современных иллюстрациях для социальных сетей, которые содержат некий контент. Сегодня решили продолжить тему и рассмотреть вопрос с точки зрения верстки, то есть рассказать как сделать подчеркивание […]

1 комментарий

Фоновое подчеркивание для выделения текста, CSS свойство text-decoration-skip

После рассмотрения мини-тренда с летающими логотипами хотим познакомить вас с еще одной актуальной темой, о которой недавно написали в Medium. Речь пойдет про весьма оригинальный способ выделения текста с помощью фоновой «подложки» в виде цветной жирной линии. Ниже в статье найдете парочку примеров данной техники. Само по себе решение вызывает достаточно неоднозначную реакцию у сообщества. […]

комментария 4

Жирный текст с помощью HTML и CSS

Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным обзорам шрифтов для создания фотошоп иллюстраций рассмотрю вопросы, связанные с версткой. Подборки фонтов найдете тут: интересные жирные, разные bold […]

комментария 3

Оригинальные стили для текста в Photoshop

Современные веб-технологии позволяют легко использовать нестандартные шрифты для оформления текстов на сайте, тем не менее, им все равно далеко до возможностей фотошопа. Создавать эффектные иллюстрации и картинки с использованием шрифтов дизайнеру помогут специальные стили для фотошопа. В блоге я уже рассматривал разные эффекты для текстов в фотошопе, сегодня пост будет на ту же тематику, но […]

1 комментарий

Красивая типографика для сайта

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

Нет комментариев

Советы по использованию изображений на веб-сайтах и в блогах

Безусловно, изображение является эпицентром любого веб-сайта, поскольку человек по своей природе визуален. Создавая веб-сайт или блог, мы уделяем особое внимание содержанию, дизайну и SEO. И с этими тремя составляющими неотъемлемо связано использование изображений. Знаете ли вы, что сообщения, содержащие изображения, открывают на 47% больше, и что читатели уделяют им на 51% больше времени, чем тем, […]

комментария 2

Эффекты для текстов в Photoshop

Если вы рисуете какой-то постер, рекламную брошюру или любую другу иллюстрацию с необычным текстовым оформлением, то специальные эффекты для текстов в Photoshop вам могут пригодиться. По аналогии с экшенами в фотошопе в них также применяется определенный набор эффектов, но не для изображения в целом, а только для текстов. Результат подобных преобразований может быть достаточно разный […]

комментариев 6

CSS стили для заголовков сайта

Оформление текстовой информации в Web имеет свои определенные особенности. Если вы размещаете на сайте какой-то контент, то, как правило, он должен быть хорошо структурированным — для этого используются заголовки. С их помощью тексты получаются максимально легкими для чтения и восприятия. Собственно, о них мы сегодня и поговорим — пост использует наработки из этой англоязычной статьи. […]

комментариев 7

Оформление текста с помощью CSS3 на практике

CSS3 дарит просто удивительные возможности оформления текста. Теперь в арсенале веб-мастера (или веб-дизайнера) появляются такие типографские приемы и уровень контроля о которых раньше можно было только мечтать. Все это как нельзя лучше демонстрирует руководство с блога EchoEnduring перевод которого я вам и предлагаю. В итоге получается просто нереально интересное оформление текста и даже не верится, […]

комментариев 8

Текстовые эффекты с помощью свойства text-shadow в CSS3

Раньше создать интересные текстовые эффекты, например, сложную тень (самая банальная тень не в счет) можно было только силами графического редактора, вроде Adobe Photoshop, и то, как понимаете на выходе можно было получить только картинку в формате .gif, .png или .jpg. Но с развитием стандартов ситуация меняется. Уже сейчас CSS3 открывает головокружительные возможности оформления для веб-мастера, […]

комментариев 5