Страница участника
Зал «Альфа»
Принят
Мнение ПК
Мы очень рады видеть докладчика такого калибра, как Стефани Уолтер, на нашей конференции. Стефани уже преуспела в дизайне доступных продуктов и в этот раз углубится в создание адаптивных компонентов.
Designing Adaptive Components (beyond responsive breakpoints) (En)
Тезисы
I'm often asked "320px? 768px? 1024px? What breakpoints do you recommend for responsive design". Trust me, if there was a magic number, we would all use it by now! But designers still work around the concept of "screen (or browser) size". How about we start thinking about "context of use" instead, to build more flexible components?
I will show you how I design systems of components that go beyond screen size and can also be used in different layout and container contexts. I also try to make sure that my components work beyond the perfect “happy path perfect situation”: what happens with super long text, missing images/content for example? And how about adapting components to user needs across specific points in their journey?
I will address, among other things, the concepts of content model, content priority, information architecture and user journeys to help you design adaptive components. Your developers will thank you!
Generic topic for this talk would be: design systems, responsive, components, user experience. It's a talk mostly about design but I have a small part where I talk about CSS flexbox, grid and one slide on JavaScript.
Let me know about your different tracks and maybe I can help define in which track is works the most?
Видео
Презентация
Подписка на новости
Хотите быть в курсе? Для получения анонсов о новых конференциях, полезных материалах и вдохновения — подписывайтесь на нас!
Нажимая на кнопку «Подписаться», вы соглашаетесь с Политикой обработки персональных данных
Другие доклады секции
-
Avaloq
Потанцуем?
-
Tinkoff
Декларативный Web Audio API
-
Tinkoff
Технологический радар: тенденции, как мы их видим
-
Tinkoff
Как перестать беспокоиться и начать опенсорсить
-
Shopify
Using DevTools to understand modern CSS layouts
-
Яндекс
Где я и где конечный автомат?
-
SymbioWay
Путь в senior'ы через менторство junior'ов
-
Goods
Ликбез по CI/CD для frontend'а на примере GitLab
-
Skyeng
Делаем корпоративный суперапп на базе Slack и Node.js
-
EPAM Systems
Сердце Vue-приложения
-
HeadHunter
Icon. Оверинжиниринг или необходимость?
-
X5 Group
На пути к идеальному стейту и перформансу с Relay Modern
-
Google
Core Web Vitals — what are they and why do they matter?
-
CarGurus
Accessibility-flavored React components make your design system delicious!
-
Money Button
From 45 to 85, a performance journey
-
WiseBits
Преломление реальности: динамическая валидация статическими типами
-
Секреты Mavo. Решение повседневных задач веб-разработчика без JavaScript
-
Райффайзен Банк
WebAssembly SPA-фреймворки
-
Smashing Magazine
Getting Web Forms Right: From Checkboxes To Dropdowns
-
Co-actors
Какой Scrum? Я просто хочу код писать!
-
Яндекс
Страх и ненависть локализации в больших проектах
-
Beeline Казахстан
Frontend Security 2020: о чем вы хотели бы забыть, но не можете