Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

An Introduction to Chrome Dev Tools

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

An Introduction to Chrome Dev Tools

Avatar for Robin Cornett

Robin Cornett

October 05, 2017

More Decks by Robin Cornett

See All by Robin Cornett
Accessibility Matters to You, Too
Avatar for Robin Cornett robincornett
0
440
Do You Even Need a Page Builder Anymore?
Avatar for Robin Cornett robincornett
0
40
Choosing and Managing WordPress Plugins
Avatar for Robin Cornett robincornett
0
200
The Genesis Framework Meets the Block Editor
Avatar for Robin Cornett robincornett
0
65
Mailchimp and Your Blog
Avatar for Robin Cornett robincornett
0
220
Front Pages and Home Pages and Posts Pages, Oh My!
Avatar for Robin Cornett robincornett
0
120
Extending WordPress with Custom Content Types
Avatar for Robin Cornett robincornett
0
270
What's New in WordPress 4.6
Avatar for Robin Cornett robincornett
0
48
#a11y: Accessibility in WordPress
Avatar for Robin Cornett robincornett
0
110

Other Decks in Technology

See All in Technology
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
Avatar for Wan Noh eluwing
0
400
Jev の中身は50行で再現できる。でも本物との差はどこにあるのか
Avatar for hisuzuya hisuzuya
0
290
Agent 活用環境の構築・運用のための AWS サービスのご紹介/agentcore-for-building-and-operating-agents
Avatar for Renya Kujirada ren8k
1
320
Lint の層を組み直した話
Avatar for 弁護士ドットコム bengo4com
2
300
コードレビューをなくして見えたもの
Avatar for henteko henteko
0
130
これだけは抑えておきたい！後悔しない re:Invent の過ごし方 / AWS re:Invent 2026 prestudy
Avatar for Masanori Yamaguchi kinunori
2
680
複雑な業務システムを高速でつくるため、チーム全員をつくれる人へ
Avatar for AyaKurabuchi ayakurabuchi
0
120
仕様駆動開発の、その先へ。決める力と確かめる仕組み
Avatar for Riku INADA inariku
1
170
リアクションエンジニア ― 小さなリアクションから、話しかけやすい組織をつくる ―
Avatar for ryuguyana ryuguyana
1
120
You Have Agency（サンキュー、Ruby）
Avatar for Koji SHIMADA snoozer05
PRO
5
660
書き手が人でもAIでも正しくなる道、 SREを埋め込んだDeveloper Platform / tech drivers day8
Avatar for mekka chmikata
4
900
AI AgentによるEmbedded SREの取り組み
Avatar for norimichi.osanai tgidgd
1
330

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.7k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
2k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
990
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
620
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
450
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
480
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.6k

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