Tips on debugging CSS Flexbox with Chrome DevTools.
Chapters:
0:00 - Intro
0:08 - Flexbox editor
0:49 - Flex badge and overlay
1:41 - Context-aware icons and overlay
2:15 - Flex icons in the Flexbox properties’ dropdown
2:30 - Layout pane
3:09 - Badge settings
3:26 - Learn more
Links:
Learn Flexbox debugging tools → [ Ссылка ]
Learn Flexbox → [ Ссылка ]
GitHub [ Ссылка ]
Questions? Tweet to us:
Jecelyn Yeen → [ Ссылка ]
Chrome DevTools → [ Ссылка ]
Catch more DevTools Tips → [ Ссылка ]
Subscribe to Google Chrome Developers → [ Ссылка ]
#DevToolsTips #Chrome #Developer
CSS Flexbox debugging tools #DevToolsTips
Теги
purpose: Educatepr_pr: Chrometype: DevByte (deck cleanup 0-10min)GDS: YesChrome Devtoolsintro to devtools tipswhat are devtools tipshow to use devtools tipsdevtools tips tutorialdevtoolschromedeveloperdevelopersgoogle developergoogle developersgoogle chrome developerschrome developerchrome developersgoogle chromeJecelyn Yeen