Upgrade to Pro — share decks privately, control downloads, hide ads and more …

An Introduction to Chrome Dev Tools

Avatar for Robin Cornett Robin Cornett
October 05, 2017
Technology
0
340

An Introduction to Chrome Dev Tools

Avatar for Robin Cornett

Robin Cornett

October 05, 2017
Tweet

More Decks by Robin Cornett

See All by Robin Cornett
Accessibility Matters to You, Too
Avatar for Robin Cornett robincornett
0
410
Do You Even Need a Page Builder Anymore?
Avatar for Robin Cornett robincornett
0
29
Choosing and Managing WordPress Plugins
Avatar for Robin Cornett robincornett
0
180
The Genesis Framework Meets the Block Editor
Avatar for Robin Cornett robincornett
0
47
Mailchimp and Your Blog
Avatar for Robin Cornett robincornett
0
210
Front Pages and Home Pages and Posts Pages, Oh My!
Avatar for Robin Cornett robincornett
0
93
Extending WordPress with Custom Content Types
Avatar for Robin Cornett robincornett
0
250
What's New in WordPress 4.6
Avatar for Robin Cornett robincornett
0
32
#a11y: Accessibility in WordPress
Avatar for Robin Cornett robincornett
0
100

Other Decks in Technology

See All in Technology
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
170
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
200
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
2k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
110
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
310
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
250
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
1
370
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
460
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.5k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
5
17k

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
220
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
140
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k

Transcript

  1. DEV TOOLS Be More Awesome and Learn CSS With Chrome

  2. FOODIE PRO

  3. FOODIE PRO: FONTS

  4. FOODIE PRO: PLUGINS

  5. FOODIE PRO: RESPONSIVE DESIGN

  6. DEV TOOLS: JAVASCRIPT

  7. Do pay attention to errors in the console! They can

    signal broken scripts, https/http errors, or gremlins. JavaScript

  8. DEV TOOLS: ACCESSIBILITY

  9. • 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