Загрузка страницы

Архитектура дизайн-систем

О проектировании дизайн-систем от разработчика интерфейсов. Что такое композиции компонентов и с чего стоит начинать строить свою систему, чем плохи и хороши имеющиеся на рынке решения и почему их точно нельзя использовать. Все то как передать бренд через интерфейсы в CSS с параноидальным переиспользованием кода. Дизайнерские и разработческие сетки, высокоуровневое проектирование интерфейсов с ориентацией на решение задач. Верстка и дизайн уровня «бог». Живые примеры, годы работы, инсайды, вот это вот всё.

Доклад Антона Виноградова на встрече PiterCSS №2 https://pitercss.timepad.ru/event/298243/, которая прошла 22 марта 2016 в Петербурге. Слайды: http://pitercss.ru/2/pres/design-systems.pdf

Видео Архитектура дизайн-систем канала Веб-стандарты
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
13 апреля 2016 г. 2:34:46
00:46:38
Другие видео канала
Дизайн-система Tinkoff.ru / Никита Прилепский (Tinkoff.ru)Дизайн-система Tinkoff.ru / Никита Прилепский (Tinkoff.ru)008. Что стоит за дизайн системой Яндекс Маркета? - Артур Кенжаев008. Что стоит за дизайн системой Яндекс Маркета? - Артур КенжаевТихон Белоусько — Типографика в продуктовом дизайнеТихон Белоусько — Типографика в продуктовом дизайнеДизайн-система Paradigm для продуктов под брендами Mail.RuДизайн-система Paradigm для продуктов под брендами Mail.RuОнлайн-митап "Дизайн-системы, которые работают"Онлайн-митап "Дизайн-системы, которые работают"247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводыТОП-2 ошибок дизайн системыТОП-2 ошибок дизайн системы240. MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl240. MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое NumlДизайн-система / UI Kit в Фигме #1Дизайн-система / UI Kit в Фигме #12. HIGHLOAD. Типовые архитектуры | Технострим2. HIGHLOAD. Типовые архитектуры | ТехностримЧто такое дизайн-системаЧто такое дизайн-система238. События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit238. События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit243. PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб243. PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб241. Сайд-подкасты, онлайн-события, новости браузеров, main вместо master, поиски эмпатии241. Сайд-подкасты, онлайн-события, новости браузеров, main вместо master, поиски эмпатии250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны244. Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы244. Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба
Яндекс.Метрика