frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
4 ч 25 мин
Категория
Другое (Frontend)
Количество уроков
38 Видео
Дата добавления
17 июн. 2018 г., 07:15
Язык
Английский
Дата выхода
14 июн. 2018 г., 10:11
Дата обновления
24 авг. 2018 г., 05:03
Узнайте, как внедрять веб-шрифты для лучшего пользовательского опыта и производительности а также создавать современную масштабируемую типографическую систему, чтобы дать лучший опыт чтения с использованием передовых методов CSS!
Вместе с нами в этом воркшопе вы:
- Изучите основы хорошей типографии и ее влияние на пользовательский опыт.
- Узнаете как использовать отзывчивую типографию для создания лучшего опыта для всех устройств размера.
- Узнаете как изменяемые шрифты создают больше возможностей дизайна для веб-типографии при использовании только одного файла шрифта.
- Решите производительность загрузки шрифтов и влияние UX, научившись использовать правильную комбинацию методов JS и CSS.
- Узнаете о веб-типографии для чтения, а также о том, как создавать и писать наилучшие навыки чтения на любом устройстве.
- Используйте современные технологии CSS, такие как переменные и вычисления, чтобы сделать ваш дизайн и код более гибкими и надежными.
- Узнаете о создании более привлекательного дизайна с расширенными типографскими идеями и технологиями для заголовков и других текстовых блоков.
Видео в формате .webm - работает точно в Google Chrome!
Посмотреть больше
-
Урок 1. 00:06:32Course Overview
-
Урок 2. 00:08:49Responsive Type Overview
-
Урок 3. 00:03:23Responsive Type Q&A
-
Урок 4. 00:07:31Typography 101
-
Урок 5. 00:04:09Anatomy of Letterforms
-
Урок 6. 00:11:06Type Styles, Selection, & Pairing
-
Урок 7. 00:05:29Web Fonts Performance
-
Урок 8. 00:06:06Progressive Enhancement
-
Урок 9. 00:06:47Flash of Unstyled Text
-
Урок 10. 00:03:32Proportion
-
Урок 11. 00:05:54Letter Spacing Polish
-
Урок 12. 00:11:28Web Font Tips & Tricks
-
Урок 13. 00:07:30Web Fonts Demonstration
-
Урок 14. 00:10:40Responsive Variable Fonts
-
Урок 15. 00:04:30Variable Fonts Browser Support
-
Урок 16. 00:03:13Variable Font Evolution
-
Урок 17. 00:07:34Variable Font Resources
-
Урок 18. 00:07:48Loading Web Fonts
-
Урок 19. 00:03:58Common Font Issues
-
Урок 20. 00:06:48Coding Web Fonts
-
Урок 21. 00:06:08Font Loading Stages
-
Урок 22. 00:03:41Changing Type Faces
-
Урок 23. 00:04:41Typography for Reading
-
Урок 24. 00:07:00Set Root Min & Max Font Size
-
Урок 25. 00:06:10Variable Font Demonstration
-
Урок 26. 00:06:22CSS Variables
-
Урок 27. 00:08:16Variable Fonts Fallback
-
Урок 28. 00:11:18Variable Font Q&A
-
Урок 29. 00:08:32Variable Font Features
-
Урок 30. 00:04:12Pulling From History
-
Урок 31. 00:03:44OpenType Features
-
Урок 32. 00:02:39Text-First Design
-
Урок 33. 00:10:41Adding Font Features
-
Урок 34. 00:14:34Editorial Design
-
Урок 35. 00:04:10Editorial Design with Variable Fonts
-
Урок 36. 00:13:22Font Variation Demos
-
Урок 37. 00:11:19Editorial Design Code
-
Урок 38. 00:05:46Variable Font CodePen Demos
Автор - frontendmasters
Категории
Комментарии
-
shivsperfecthttps://github.com/jpamental/rwt-vf-workshop-full
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
frontendmasters
25 апр. 2017 г., 00:00
Адаптивная типографика
Responsive Typography
Веб-шрифты существуют уже несколько лет, так же как и адаптивный веб-дизайн. Но есть еще множество вопросов о производительности, удобстве использования и согласованности между браузерами и устройствами. Этот курс исследует мир веб-шрифтов: какие есть веб-шрифты, как они работают и почему вы должны их использовать.
superhi.com
14 янв. 2022 г., 23:42
Экспериментальная типографика для Веба
Experimental Typography for the Web
Создавайте анимацию шрифтов с нуля! Узнайте, как сгибать и формировать типографику для использования на ваших собственных веб-сайтах с помощью P5.js. Хотите знать, как работать с вариативными шрифтами и как создавать кинетическую анимацию для веб-сайтов? Если да, то этот творческий курс для вас. Для этого мы создали серию проектов, посвященных странным шрифтам.
Andrija Prelec
24 авг. 2024 г., 01:08
Мастер-класс "Искусство типографики в UI-дизайне"
The Ultimate UI Typography Masterclass
Курс наполнен реальными советами и хитростями от старшего продуктового дизайнера с десятилетним опытом работы в дизайне.Помимо того, что вы научитесь эффективно управлять типографикой в UI-дизайне, вы также узнаете, какие изменения необходимо вносить в зависимости от различных типов проектов по дизайну продуктов и UX/UI дизайну - от веб-приложений до мобильных приложений, от веб-сайтов до носимых устройств.Это максимально практичный курс, и в нём