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
320

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
370
Do You Even Need a Page Builder Anymore?
Avatar for Robin Cornett robincornett
0
25
Choosing and Managing WordPress Plugins
Avatar for Robin Cornett robincornett
0
170
The Genesis Framework Meets the Block Editor
Avatar for Robin Cornett robincornett
0
43
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
70
Extending WordPress with Custom Content Types
Avatar for Robin Cornett robincornett
0
240
What's New in WordPress 4.6
Avatar for Robin Cornett robincornett
0
28
#a11y: Accessibility in WordPress
Avatar for Robin Cornett robincornett
0
100

Other Decks in Technology

See All in Technology
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
Avatar for k.goto gotok365
6
710
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
26k
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
Avatar for hiro-torii hiro_torii
0
130
Windows 11 で AWS Documentation MCP Server 接続実践/practical-aws-documentation-mcp-server-connection-on-windows-11
Avatar for emi emiki
0
930
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
Avatar for opelab opelab
9
1.1k
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
Avatar for Lamoda Tech lamodatech
0
330
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
160
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
Avatar for HASEGAWA Tomoki tomzoh
4
3.1k
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
Avatar for kubell kubell_hr
1
140
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
Avatar for Masaya Kudo msykd
PRO
2
250
MySQL5.6から8.4へ 戦いの記録
Avatar for Koji Yoshida kyoshidaxx
1
190
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
Avatar for Mitsuki Ogasahara yamitzky
0
420

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
47
14k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.4k

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