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