Сделали шоурил для подачи нашего сайта на конкурсы дизайна
https://vimeo.com/655295147
https://vimeo.com/655295147
Vimeo
Дизайн-система Ростелекома
Design.rt.ru — сайт собственной дизайн системы телеком гиганта Ростелеком. На дизайн системе реализовано больше 80и внутренних и внешних проектов: b2c продукты,…
А теперь действительно важные новости из жизни Дизайн-системы.
Три подписчика разгадали шифр на свитшоте, за что получают мерч:
- Вадим Ащеулов;
- Виталик Баум;
- Максим Корелин.
Комплекты отправились ребятам в Ульяновск:)
Три подписчика разгадали шифр на свитшоте, за что получают мерч:
- Вадим Ащеулов;
- Виталик Баум;
- Максим Корелин.
Комплекты отправились ребятам в Ульяновск:)
Привет! Это Денис Пушкарь, оунер Дизайн-системы, и я приношу извинение за двухмесячное молчание в эфире.
Что случилось? Команда ушла с головой в работу над таблицами и деревьями. Очень большой и крутой функционал, и он почти готов.
План простой — сейчас работаем над всеми скопившимися багами, о которых вы рапортавали. Далее релизим таблицы.
Что случилось? Команда ушла с головой в работу над таблицами и деревьями. Очень большой и крутой функционал, и он почти готов.
План простой — сейчас работаем над всеми скопившимися багами, о которых вы рапортавали. Далее релизим таблицы.
👍3🤮1
Привет! Что будет ждать Дизайн-систему ближайшие полгода?
1. Самое главное — мы работаем над тем, чтобы вывести систему в опен-сорс.
2. Нас ждёт новая айдентика с названием и новый сайт.
3. Также ребята работают над новой архитектурой, в которой будет гибче и шире кастомизация. Сейчас можно в нас вкинуть все пожелания или поучаствовать в работе.
1. Самое главное — мы работаем над тем, чтобы вывести систему в опен-сорс.
2. Нас ждёт новая айдентика с названием и новый сайт.
3. Также ребята работают над новой архитектурой, в которой будет гибче и шире кастомизация. Сейчас можно в нас вкинуть все пожелания или поучаствовать в работе.
👍3💩2
Обновление библиотеки иконок в Figma
Собрали новые иконки, подготовленные совместными усилиями дизайнеров студии. Благодарим всех, кто внес свой вклад в расширение библиотеки. В пак вошли 67 иконок в размере 24×24, 22 иконки в размере 16×16 и 2 новых логотипа. Полный список новых иконок
Собрали новые иконки, подготовленные совместными усилиями дизайнеров студии. Благодарим всех, кто внес свой вклад в расширение библиотеки. В пак вошли 67 иконок в размере 24×24, 22 иконки в размере 16×16 и 2 новых логотипа. Полный список новых иконок
👍6🔥3
Релиз 6.0.0 Удаление запрещенных иконок, добавление новых иконок и исправления для компонента Select
Изменения:
— Select. Исправлена типизация аттрибута
— Icons. Добавлены новые иконки. Удалены запрещенные иконки.
Изменения:
— Select. Исправлена типизация аттрибута
value, принимающий null для сброса значения. Исправлено закрытие Select'а при открытии другого в группе селектов. Добавлено описание аттрибута name для неконтролируемых форм в storybook, которое прокидывается в нативный тэг input— Icons. Добавлены новые иконки. Удалены запрещенные иконки.
❤6🔥3
Релиз 6.1.0 Доработка и исправление работы Инпутов.
Изменения:
— InputDate. Исправлена работа параметров
— InputEmail и InputPhone. Добавлен новый булевый параметр
— Input и InputEmail. Исправлен баг с перескакиванием курсора в конец текста в браузере Safari.
Изменения:
— InputDate. Исправлена работа параметров
minDate и maxDate. Сравнение при определении диапазона теперь происходит не по времени, а по дню.— InputEmail и InputPhone. Добавлен новый булевый параметр
forceError. При его включении, значение error принудительно отображается в месте ошибки.— Input и InputEmail. Исправлен баг с перескакиванием курсора в конец текста в браузере Safari.
🔥5
Разделение NPM-пакета
Привет! Пост-опрос для разработчиков. Думаем над разделением NPM-пакета. Чтобы не тянуть лишнего, если в проекте используются не все компоненты (Сейчас размер пакета 450кб).
Можно разделить на несколько пакетов основные компоненты и компоненты тяжеловесные, которые нужны не всем.
Либо разделить компоненты на группы и подключать в проект только необходимое.
P.S. еще проведём рефакторинг для уменьшения общего размера — уберём лишние библиотеки, пересмотрим индекс-файлы.
Привет! Пост-опрос для разработчиков. Думаем над разделением NPM-пакета. Чтобы не тянуть лишнего, если в проекте используются не все компоненты (Сейчас размер пакета 450кб).
Можно разделить на несколько пакетов основные компоненты и компоненты тяжеловесные, которые нужны не всем.
Либо разделить компоненты на группы и подключать в проект только необходимое.
P.S. еще проведём рефакторинг для уменьшения общего размера — уберём лишние библиотеки, пересмотрим индекс-файлы.
👍2
Роадмап
Всем привет, вы можете следить за движением задач Дизайн-системы на канбан-доске в нашем проекте в Gitlab.
To be released — в этой колонке скопились уже готовые задачи, ожидающие релиза;
In Progress — в этой колонке задачи, над которыми работает команда в данный моменты;
Next — это список первостепенных задач, из этой колонки мы берём новые задачи после выполнения предыдущих.
Soon — это задачи среднего приоритета, которые мы хотим реализовать сразу после задач в колонке Next.
Backlog — список оценённых и отсеянных задач, но пока без приоритета.
Open — это колонка куда падают все новые задачи от пользователей.
Гитлаб корпоративный и в целях информационной безопасности, нужна учётная запись для доступа.
Если у вас нет учетной записи - напишите письмо на rit.support@rt.ru с просьбой ее создать. В письме необходимо указать ФИО и рабочую почту. Когда УЗ создадут необходимо авторизоваться в git.digital.rt.ru
Всем привет, вы можете следить за движением задач Дизайн-системы на канбан-доске в нашем проекте в Gitlab.
To be released — в этой колонке скопились уже готовые задачи, ожидающие релиза;
In Progress — в этой колонке задачи, над которыми работает команда в данный моменты;
Next — это список первостепенных задач, из этой колонки мы берём новые задачи после выполнения предыдущих.
Soon — это задачи среднего приоритета, которые мы хотим реализовать сразу после задач в колонке Next.
Backlog — список оценённых и отсеянных задач, но пока без приоритета.
Open — это колонка куда падают все новые задачи от пользователей.
Гитлаб корпоративный и в целях информационной безопасности, нужна учётная запись для доступа.
Если у вас нет учетной записи - напишите письмо на rit.support@rt.ru с просьбой ее создать. В письме необходимо указать ФИО и рабочую почту. Когда УЗ создадут необходимо авторизоваться в git.digital.rt.ru
👍3
Релиз 6.1.1 Чинили баги, поднимали зависимости.
Изменения:
— Icons. В новых иконках был зашит цвет в svg, из-за чего не срабатывало изменение цветов.
— InputEmail и InputPhone. Исправлена работа
— InputDate. Исправлена некорретная работа маски внутри компонента при указании
— peerDependencies. Исправлена совместимость пакетов
Изменения:
— Icons. В новых иконках был зашит цвет в svg, из-за чего не срабатывало изменение цветов.
— InputEmail и InputPhone. Исправлена работа
forceError. При включенном параметре ошибка отображается до тех пор, пока не пройдет успешно валидация внутри компонента или пока значание error не станет пустым.— InputDate. Исправлена некорретная работа маски внутри компонента при указании
minDate. Последняя цифра года больше не пропадает.— peerDependencies. Исправлена совместимость пакетов
🔥5👍2
Сайт дизайн-системы design.rt.ru получил третье место в конкурсе Золотой сайт в номинации лучший usability / UX
🔥25👍3
Лекторий
Всем привет. Хотим через пару недель провести ряд лекций для дизайнеров и фронтендеров.
Одна из тем — про работу фронтендеров и самые важные понятия, которые нужно знать современному UI-UX дизайнеру. Это позволит сократить разрыв коммуникации между дизайнерами и фронтендерами ❤️
Поэтому, если у вас есть темы или боли, которые можно осветить в лекции, или если хотите выступить — пишите нам)
Всем привет. Хотим через пару недель провести ряд лекций для дизайнеров и фронтендеров.
Одна из тем — про работу фронтендеров и самые важные понятия, которые нужно знать современному UI-UX дизайнеру. Это позволит сократить разрыв коммуникации между дизайнерами и фронтендерами ❤️
Поэтому, если у вас есть темы или боли, которые можно осветить в лекции, или если хотите выступить — пишите нам)
👍11🔥8❤1
Релиз 6.2.0 Переписаны импорты иконок, апрувлен МР, исправлены баги.
Изменения:
— Icons. Переписаны импорты иконок в компонентах: Select, Multiselect, TagItem, TagMore. Теперь при прямом импорте не тянутся все иконки в билд, что значительно уменьшит размер бандлов
— Checkbox. Лейбл теперь может наследовать параметр color от родителя, МР Михаила Синякова
— Input. Исправлен баг, из-за которого для размеров
— Button. Добавлен параметр
Напоминалочка
Для минимизации бандлов используйте прямые импорты компонентов и иконок
это значительно уменьшит размер бандлов:
или включите tree shaking в своем сборщике.
Изменения:
— Icons. Переписаны импорты иконок в компонентах: Select, Multiselect, TagItem, TagMore. Теперь при прямом импорте не тянутся все иконки в билд, что значительно уменьшит размер бандлов
— Checkbox. Лейбл теперь может наследовать параметр color от родителя, МР Михаила Синякова
— Input. Исправлен баг, из-за которого для размеров
small и xsmall с включенным и выключенным параметром fixedLabel, цвет label остается неизменным— Button. Добавлен параметр
children. В 18 реакте ругался на недостающий параметрНапоминалочка
Для минимизации бандлов используйте прямые импорты компонентов и иконок
это значительно уменьшит размер бандлов:
import Button from @design-system-rt/rtk-ui-kit/components/Button/Button/Buttonили включите tree shaking в своем сборщике.
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня Microsoft прекратила поддержку браузера Internet Explorer 11 :)
🔥7❤🔥1