Learn Web Typography

Explore the wonderful world of web typography! Learn how to choose fonts, create hierarchy, and craft beautiful, readable text for your UI designs.
  1. Веб-шрифты за 60 секунд

    Веб-шрифты за 60 секунд

    Tutorial Beginner

    Для использования шрифтов на веб-сайте требуются файлы, загружаемые из одного из двух мест; собственная система посетителя или веб-сервер. Давайте быстро...

  2. Как использовать цветные шрифты в вебе

    Как использовать цветные шрифты в вебе

    Tutorial Beginner

    Каждый веб-дизайнер умеет задавать цвет шрифта, ведь так? Это одна из первых вещей, которые мы делаем, начиная изучать CSS. Мы выбираем цвет, затем...

  3. 7 единиц измерения CSS, о которых вы могли не знать

    7 единиц измерения CSS, о которых вы могли не знать

    Tutorial Beginner

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

  4. Новый курс по размерам шрифта

    Новый курс по размерам шрифта

    Tutorial Beginner

    Шкала размеров шрифта важна при создании гармоничного проекта. Подробнее об этом в нашем новом курсе A Beginner’s Guide to Using Typographic Scales.

  5. Создаём повёрнутый текст с CSS свойством “writing-mode”

    Создаём повёрнутый текст с CSS свойством “writing-mode”

    Tutorial Intermediate

    В этой статье я покажу вам, как расположить текст на веб-странице сверху вниз, вместо слева-направо (или справа-налево). Есть два способа, один лучше...

  6. 3 подсказки для создания доступности, которые я бы хотела узнать раньше

    3 подсказки для создания доступности, которые я бы хотела узнать раньше

    Tutorial Beginner

    Вот вам три простых подсказки по созданию более полного дружественного пользователю дизайна. Но полный насколько? Согласно WebAIM, основными типами нарушений...

  7. Руководство по выбору шрифта для вашего вебсайта

    Руководство по выбору шрифта для вашего вебсайта

    Tutorial Beginner

    В начале веб-разработки, типографике не придавали большого значения. Выбор шрифтов был очень маленьким и поэтому основным вопросом было «serif или...

  8. 10 напоминаний по дизайну  

    10 напоминаний по дизайну  

    Tutorial Beginner

    Вполне вероятная ситуация: вы разработчик и сделали пробный вариант для показа. Он работает как положено, но ужас на лицах зрителей даёт понять - ваша...

  9. Хотите изучить основы веб дизайна? Начните отсюда

    Хотите изучить основы веб дизайна? Начните отсюда

    Tutorial Beginner

    Если вы хотите начать работу в мире веб-дизайна, есть несколько ключевых навыков, которые вы должны освоить.

  10. Подробное руководство по основам типографики

    Подробное руководство по основам типографики

    Tutorial Beginner

    Если ты изучаешь веб-дизайн с нуля и хотел бы значительно улучшить свои знания в типографике, тогда это статья для тебя. Мы разберём гарнитуры, шрифты,...

  11. Руководство по адаптивной типографии для ленивых

    Руководство по адаптивной типографии для ленивых

    Tutorial Beginner

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

  12. Создание набора пользовательского интерфейса для веб-приложений в Adobe Photoshop

    Создание набора пользовательского интерфейса для веб-приложений в Adobe Photoshop

    Tutorial Intermediate

    Разработка, с применением руководства по стилю, это чрезвычайно гибкий подход к современному веб-дизайну. В этом уроке я расскажу вам о разработке...