An Introduction to Chrome Dev Tools
by
Robin Cornett
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
DEV TOOLS Be More Awesome and Learn CSS With Chrome
Slide 2
Slide 2 text
FOODIE PRO
Slide 3
Slide 3 text
FOODIE PRO: FONTS
Slide 4
Slide 4 text
FOODIE PRO: PLUGINS
Slide 5
Slide 5 text
FOODIE PRO: RESPONSIVE DESIGN
Slide 6
Slide 6 text
DEV TOOLS: JAVASCRIPT
Slide 7
Slide 7 text
Do pay attention to errors in the console! They can signal broken scripts, https/http errors, or gremlins. JavaScript
Slide 8
Slide 8 text
DEV TOOLS: ACCESSIBILITY
Slide 9
Slide 9 text
• https://premium.wpmudev.org/blog/chrome-developer- tools/ • https://wpshout.com/chrome-developer-tools-every- wordpress-developers-best-friend/ • https://wptheming.com/2012/07/chrome-developer- tools-wordpress/ • https://wpengine.com/blog/chrome-developer-tools- wordpress-development/ Resources