Страница участника
Зал «Альфа»
Принят
Мнение ПК
Мы очень рады видеть докладчика такого калибра, как Стефани Уолтер, на нашей конференции. Стефани уже преуспела в дизайне доступных продуктов и в этот раз углубится в создание адаптивных компонентов.
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?
Видео
Презентация
Подписка на новости
Хотите быть в курсе? Для получения анонсов о новых конференциях, полезных материалах и вдохновения — подписывайтесь на нас!
Нажимая на кнопку «Подписаться», вы соглашаетесь с Политикой обработки персональных данных
Другие доклады секции
-
SymbioWay
Путь в senior'ы через менторство junior'ов
-
Tinkoff
Декларативный Web Audio API
-
Avaloq
Потанцуем?
-
HeadHunter
Icon. Оверинжиниринг или необходимость?
-
Money Button
From 45 to 85, a performance journey
-
EPAM Systems
Сердце Vue-приложения
-
Секреты Mavo. Решение повседневных задач веб-разработчика без JavaScript
-
Goods
Ликбез по CI/CD для frontend'а на примере GitLab
-
Яндекс
Где я и где конечный автомат?
-
Beeline Казахстан
Frontend Security 2020: о чем вы хотели бы забыть, но не можете
-
Tinkoff
Как перестать беспокоиться и начать опенсорсить
-
Райффайзен Банк
WebAssembly SPA-фреймворки
-
WiseBits
Преломление реальности: динамическая валидация статическими типами
-
Skyeng
Делаем корпоративный суперапп на базе Slack и Node.js
-
Яндекс
Страх и ненависть локализации в больших проектах
-
Google
Core Web Vitals — what are they and why do they matter?
-
CarGurus
Accessibility-flavored React components make your design system delicious!
-
Smashing Magazine
Getting Web Forms Right: From Checkboxes To Dropdowns
-
Co-actors
Какой Scrum? Я просто хочу код писать!
-
Tinkoff
Технологический радар: тенденции, как мы их видим
-
X5 Group
На пути к идеальному стейту и перформансу с Relay Modern
-
Shopify
Using DevTools to understand modern CSS layouts