bukatchukКод остаётся в проекте
Компонент копируется командой и дальше правится как обычный файл сайта. Обновление не затирает местные правки без спроса.
// Дизайн-система
Дизайн-система для всех моих проектов на *.bukatchuk.ru
Реестр из 107 компонентов. Команда копирует компонент в проект, и он становится его кодом: без пакетов, сборщиков и сторонних адресов.
Компонентов
107
Со скриптом
39
Стилей
1
Зависимостей
0
// Как работает
Три команды
до готовой страницы
Проекту нужен Python 3 только на время установки. Готовый сайт от системы не зависит.
$ bukatchuk-ui init --kind jinja
# переменные, шрифты и базовые стили уже в проекте
$ bukatchuk-ui add header footer hero field dialog
# зависимости подтянулись сами, собраны ui.css и ui.js
$ bukatchuk-ui check
Расхождений: 0. Устаревших файлов: 0.
// Принципы
Что получает проект
Стиль один для блога, лендингов и сервисов: палитра из пяти цветов, прямые углы, рамка 2px и жёсткая тень.
Без зависимостей
HTML, CSS и JavaScript без пакетов и сборщиков. Шрифты, стили и скрипты отдаются с домена сайта.
Клавиатура и скринридеры
Роли и атрибуты ARIA, управление с клавиатуры, видимый фокус и возврат фокуса на элемент, открывший слой.
Строгая политика содержимого
В разметке нет встроенных стилей и обработчиков: компоненты работают при самой жёсткой настройке CSP.
Один стиль
Блог, лендинги и сервисы выглядят одинаково: одна палитра, одна шкала текста, одни шапка и подвал.
Jekyll, Jinja, статика
Вместе со стилями ставятся вставки для Jekyll и макросы для Jinja. Для остального есть готовая разметка.
// Примеры
Компоненты
в работе
Это настоящие компоненты реестра, а не картинки: их можно нажимать и проходить с клавиатуры.
КнопкаОткрыть
ПолеОткрыть
Вкладки с панелямиОткрыть
Основное
Название комнаты и адрес, по которому к ней подключаются участники.
Доступ
Пароль на вход, зал ожидания и список организаторов.
Запись
Записи хранятся 90 дней, затем удаляются автоматически.
ПереключательОткрыть
ГрафикОткрыть
Индикатор выполненияОткрыть
АккордеонОткрыть
Сколько участников выдерживает встреча?
Встреча рассчитана на 200 участников с видео. Зрителей без камеры и микрофона может быть до 1000.
Где хранятся записи?
Записи лежат на серверах в России 30 дней, затем удаляются. Скачать запись можно в карточке встречи.
Нужна ли установка программы?
Достаточно браузера. Для демонстрации экрана подойдёт любая версия Chrome, Firefox или Safari не старше двух лет.
УведомлениеОткрыть
// Каталог
71 элементов,
32 блока страниц
У каждого компонента своя страница: живые примеры, разметка, варианты, клавиши, вставки для Jekyll и Jinja.
Основа4
Элементы71
Блоки32
Дальше
Каталог с живыми примерами
У каждого компонента — живые примеры, разметка, варианты и клавиши.