Moscowcss №8

В августе 2017 года Тинькофф Банк запустил собственную сеть банкоматов. Одна из задач, стоявших перед командой — разработка оригинального, понятного и удобного для клиентов интерфейса. Рассказ о том, как важно выбирать технологии исходя из условий, с какими проблемами мы столкнулись, как их можно было бы избежать, и что из этого всего вышло.

Несколько лет портальная дизайн-команда Mail.Ru Group занимается обновлением и унификацией продуктов. У нас сформировалась дизайн-система, на которой работают медиа-проекты, мобильный веб и частично productivity-сервисы (постепенно подключаются и другие продукты), сформировался стиль пиктограмм и иллюстраций, стандартизируются промо-письма и промо-сайты. Конечно, ещё не во всех сервисах всё хорошо, а где-то первый редизайн не решил всех проблем, но огромный рывок за прошедшие годы трудно не заметить. Чтобы ускорить процесс обновления и сделать нашу работу публичной, мы открыли наружу часть нашей дизайн-системы Paradigm. Я расскажу о её новой архитектуре, которую мы анонсируем этой весной.

Расскажу о различиях старой и новой спецификации. О том, как эту разницу решает autoprefixer. Прокажу реальные примеры, которые можно использовать уже сейчас в продакшене. Подведу итоги с лучшими практиками.

Что такое объектная модель CSS? Почему она создает нам проблемы? Какие из этих проблем призвана решить новая CSS Typed Object Model и какие преимущества она дает разработчикам? Давайте разбираться вместе.