Система отступов простым языком | Воркшоп #2 | UI-kit

Помогаю с подготовкой портфолио и собесами (25+ кейсов в крупные компании)
https://dub.sh/qo6RkR2

Мой тг: https://t.me/+2Q738JTfRfoxOWNi
Чат, где помогаем друг другу с компонентами: https://t.me/+e2e3f9TOhzplY2Uy

В этом вокршопе продолжаем качать системное мышление и более осознанный подход на примере UI-кита. Тема клевая, многие слышали, но материала не так много в интернете, поэтому, чаек-кофеек и погнали разбираться:

В воркшопе разобрали:
00:00 Вступление
01:41 Чему научимся
02:26 Что такое система отступов
02:49 Зачем нужна система отступов
04:00 Что такое базовый модуль
04:50 Какое базовое значение выбрать для проекта
06:46 Размерная линейка
08:25 Ритм в отступах
09:39 Компоненты на основе размерной линейки
12:56 Коротко о токенах
14:00 Нейминг в отступах
14:38 Нейминг в WISE
15:20 Нейминг в ECL
15:47 Нейминг в Carbon
16:55 Оформляем токены в Variables
17:56 Применение токенов. Компоненты
20:40 Применение токенов. Макеты
21:39 Документация. Как было раньше
22:30 Документация. Что следует документировать
24:00 Завершение

Ссылки на дополнительные материалы в телеграм-канале.

Как обычно, приглашаю всех в комменты, дополняйте, делитесь своим опытом 👇Приятного просмотра :)