Канал: Код, который не может не работать 07.03.2026
Переходим к реализации Flexbox-модели в нашей дизайн-системе и создаём компонент Flex.
Пошагово формируем набор пропсов: направление, отступы между эле...
Канал: Код, который не может не работать 06.03.2026
Когда сложные выражения пробрасываются прямо внутрь объекта, код теряет ритм и структуру.
Это противоречит принципу ритма и структуры — RSP (cantfailco...
Канал: Код, который не может не работать 06.03.2026
Разбираем основу дизайн-системы: как формируются базовые стили и зачем нужны дизайн-токены. Показываю устройство токенов из Material Design 3, работу с ...
Канал: Код, который не может не работать 05.03.2026
С базовой логикой мы уже познакомились. Но самое интересное начнётся позже — при сборке компонентов. Именно там станет видно, как всё это объединяется в...
Канал: Код, который не может не работать 05.03.2026
Нейминг — это основа всего. Если выбранное название перестало подходить под реальность проекта — не бойтесь делать рефакторинг и переименовывать.
Прави...
Канал: Код, который не может не работать 04.03.2026
Из одного базового цвета можно вырастить целую систему: десятки цветовых токенов.
В видео разбираем иерархию токенов и зачем нужны группы вроде surface...
Канал: Код, который не может не работать 04.03.2026
Разбираем базовый компонент Container и превращаем его в универсальный строительный блок интерфейса.
Создаём обёртку для других компонентов, добавляем ...
Канал: Код, который не может не работать 03.03.2026
Обсуждаем, как генерировать цветовые токены: можно прописать все значения вручную (работает, но почти невозможно поддерживать), можно собирать систему и...
Канал: Код, который не может не работать 03.03.2026
Приводим компонент текста в «боевое» состояние: учим его понимать расширенный типографический токен (включая вес), добавляем семантические теги для вали...
Канал: Код, который не может не работать 02.03.2026
На примере прототипа UI-компонента показываю, как цветовые токены управляют темой элемента.
Фон, обводка, текст остаются сбалансированными и читаемыми ...
Канал: Код, который не может не работать 02.03.2026
Собираем первый прототип компонента на практике: применяем типографические и цветовые токены к блоку с заголовком и подзаголовком и сразу получаем аккур...
Канал: Код, который не может не работать 02.03.2026
Сегодня делаем быстрый «скелет» текстового компонента и проверяем, как он живёт в коде. Главная идея — общаться с UI на языке токенов: без ручных классо...
Канал: Код, который не может не работать 01.03.2026
Смотрим на практике, как применяются только что созданные типографические токены.
Категория, грейд и другие настройки. Проверяем, как выглядит вся раск...
Канал: Код, который не может не работать 01.03.2026
Смотрим, как дизайн-токены начинают работать на практике. На простом примере собираем типовой UI-блок с заголовком, текстом, фоном и обводкой — полность...
Канал: Код, который не может не работать 28.02.2026
Сильные архитектурные решения не берутся из теории.
Они появляются через практику: проекты с нуля, ошибки, легаси и переписывание кода.
Со временем на...
Канал: Код, который не может не работать 28.02.2026
Переходим от теории к практике и начинаем «щупать» токены прямо в верстке. Применяем типографический токен (например, Headline) и смотрим, как работают ...
Канал: Код, который не может не работать 27.02.2026
Хороший старт — это не про идеальную архитектуру, а про точку входа. Когда вы доводите до логического завершения текущую задачу — оставьте то, с чего вы...
Канал: Код, который не может не работать 26.02.2026
Вопрос «как правильно разложить файлы и папки» возникает почти в каждом проекте. FSD и другие подходы могут быть полезны, но универсального рецепта не с...
Канал: Код, который не может не работать 26.02.2026
Разбираем базовую теорию дизайн-токенов: что это такое, зачем они нужны и как помогают выстраивать масштабируемые дизайн-системы. Смотрим, как Material ...