Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

An Introduction to Chrome Dev Tools

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

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
400
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
89
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
31
#a11y: Accessibility in WordPress
Avatar for Robin Cornett robincornett
0
100

Other Decks in Technology

See All in Technology
SREには開発組織全体で向き合う
Avatar for k-nagase koh_naga
0
340
ログ管理の新たな可能性？CloudWatchの新機能をご紹介
Avatar for Ikumi Ono ikumi_ono
1
770
Lookerで実現するセキュアな外部データ提供
Avatar for ZOZO Developers zozotech
PRO
0
140
2025年 開発生産「可能」性向上報告 サイロ解消からチームが能動性を獲得するまで/ 20251216 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
180
re:Inventで気になったサービスを10分でいけるところまでお話しします
Avatar for Yuuki Yamashita yama3133
1
120
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
Avatar for Naoya Ito naoya
6
1.5k
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
Avatar for hhiroshell hhiroshell
0
120
AIプラットフォームにおけるMLflowの利用について
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
160
「図面」から「法則」へ 〜メタ視点で読み解く現代のソフトウェアアーキテクチャ〜
Avatar for Satoshi Kobayashi scova0731
0
230
文字列の並び順 / Unicode Collation
Avatar for とみたまさひろ tmtms
3
590
MLflowで始めるプロンプト管理、評価、最適化
Avatar for Databricks Japan databricksjapan
1
250
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
Avatar for Ayokura ayokura
0
460

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
520
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.6k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k

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