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
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
430
Do You Even Need a Page Builder Anymore?
Avatar for Robin Cornett robincornett
0
33
Choosing and Managing WordPress Plugins
Avatar for Robin Cornett robincornett
0
190
The Genesis Framework Meets the Block Editor
Avatar for Robin Cornett robincornett
0
56
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
110
Extending WordPress with Custom Content Types
Avatar for Robin Cornett robincornett
0
260
What's New in WordPress 4.6
Avatar for Robin Cornett robincornett
0
41
#a11y: Accessibility in WordPress
Avatar for Robin Cornett robincornett
0
100

Other Decks in Technology

See All in Technology
AI、CDK と協働する Full TypeScript アプリケーション開発 / Full TypeScript Application with AI and CDK
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
2
350
LLMやAIエージェントをソフトウェアに組み込むプラクティス
Avatar for shibuiwilliam shibuiwilliam
2
410
AIレビューはどこまで任せられるのか？自動化と人が背負うレビューの境界
Avatar for SansanTech sansantech
PRO
3
1k
AI Agent SaaS を支える自社仮想化基盤への挑戦と実運用 / ai-agent-saas-virtualization
Avatar for GMO Flatt Security flatt_security
3
4.1k
AICoEでAIネイティブ組織への進化
Avatar for YukiOgawa yukiogawa
0
190
脱金融のフューチャー・デザイン / Future Design Beyond Finance
Avatar for Kenji Saito ks91
PRO
0
150
SRE Next 2026 何でも屋からの脱却
Avatar for Masato Bito bto
0
890
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
4
4.5k
そのドキュメント、自動化しませんか？
Avatar for yuk yuksew
1
260
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
280
DMM.com 購入改善推進チーム におけるCodeRabbitを用いた レビューフロー改善の一例
Avatar for Kanon ysknsid25
2
660
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
1
200

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
340
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.3k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
350
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.9M
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.7k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
720
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.7k

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