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