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