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
92
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
Hardware/Software Co-design: Motivations and reflections with respect to security
Avatar for Bryan Cantrill bcantrill
1
210
AIAgentを駆使してSREが貢献する開発体験の向上
Avatar for Ryo Yoshii yoshiiryo1
1
300
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
AI との良い付き合い方を僕らは誰も知らない (WSS 2026 静岡版)
Avatar for Asei Sugiyama asei
1
360
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
340
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
63k
AWS監視を「もっと楽する」ために
Avatar for Uechi Shingo uechishingo
0
160
Databricks Free Editionで始めるLakeflow SDP
Avatar for Takaaki Yayoi taka_aki
0
150
習慣とAIと環境 — 技術探求を続ける3つの鍵
Avatar for azukiazusa azukiazusa1
2
680
GitHub Copilot CLI 現状確認会議
Avatar for Toru Makabe torumakabe
10
2.9k
持続可能な開発のためのミニマリズム
Avatar for SansanTech sansantech
PRO
3
380
なぜCREを8年間続けているのか / cre-camp-4-2026-01-21
Avatar for missasan missasan
0
510

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
44
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
0
140
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
250
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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