Страница участника
Зал «Альфа»
Принят
Мнение ПК
Чэнь Хуэй Цзин обладает великолепной экспертизой в CSS, что подтверждается её участием в CSSWG. Надеемся, что вы лучше поймете современный CSS через DevTools после её прямого включения из Сингапура.
Using DevTools to understand modern CSS layouts (En)
Тезисы
Flexbox, Grid and Box Alignment are the cornerstones of modern CSS layouts. They introduce behaviours that might seem confusing if you don't completely understand how the browser inteprets the CSS values you assign, e.g. sizing with Flexbox, or the various options for sizing tracks in Grid.
DevTools may have started out as a debugging tool, but today, it can also aid in our understanding and visualisation of how the browser interprets various CSS values. This can help us reconcile the layouts we want to build with what is actually rendered on the page.
This talk will explain a variety of modern CSS layout techniques through live demonstrations using DevTools as the main form of delivery (as opposed to just talking over slides), and provide real-world use cases of how such techniques allow designs to better adapt across a broad range of viewports.
Видео
Презентация
Подписка на новости
Хотите быть в курсе? Для получения анонсов о новых конференциях, полезных материалах и вдохновения — подписывайтесь на нас!
Нажимая на кнопку «Подписаться», вы соглашаетесь с Политикой обработки персональных данных
Другие доклады секции
-
EPAM Systems
Сердце Vue-приложения
-
Goods
Ликбез по CI/CD для frontend'а на примере GitLab
-
Designing Adaptive Components (beyond responsive breakpoints)
-
Skyeng
Делаем корпоративный суперапп на базе Slack и Node.js
-
Tinkoff
Как перестать беспокоиться и начать опенсорсить
-
Tinkoff
Технологический радар: тенденции, как мы их видим
-
CarGurus
Accessibility-flavored React components make your design system delicious!
-
Smashing Magazine
Getting Web Forms Right: From Checkboxes To Dropdowns
-
Райффайзен Банк
WebAssembly SPA-фреймворки
-
Яндекс
Где я и где конечный автомат?
-
HeadHunter
Icon. Оверинжиниринг или необходимость?
-
X5 Group
На пути к идеальному стейту и перформансу с Relay Modern
-
Tinkoff
Декларативный Web Audio API
-
Avaloq
Потанцуем?
-
Google
Core Web Vitals — what are they and why do they matter?
-
SymbioWay
Путь в senior'ы через менторство junior'ов
-
Co-actors
Какой Scrum? Я просто хочу код писать!
-
Beeline Казахстан
Frontend Security 2020: о чем вы хотели бы забыть, но не можете
-
WiseBits
Преломление реальности: динамическая валидация статическими типами
-
Яндекс
Страх и ненависть локализации в больших проектах
-
Секреты Mavo. Решение повседневных задач веб-разработчика без JavaScript
-
Money Button
From 45 to 85, a performance journey