The dev tools built into the browser have tons of amazing features built in, but must developers never even use 10% of the available features. In this video I will be showing you every single useful CSS dev tool feature and talking about how they are useful in real world development and debugging.
๐ Materials/References:
Manage CSS Colors Like a Senior Developer Video:
๐ Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: ย ย /ย webdevsimplifiedย ย
Twitter: ย ย /ย devsimplifiedย ย
Discord: ย ย /ย discordย ย
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
โฑ๏ธ Timestamps:
00:00 - Introduction
00:38 - Styles Panel Basics
01:34 - Styles Panel Advanced
03:40 - Computed Panel
04:53 - Layout Panel
06:40 - DOM Breakpoints Panel
07:45 - Rendering Panel
11:34 - Animation Panel
13:12 - CSS Overview Panel
18:04 - Local Font Configuration
#CSS #WDS #CSSDebugging