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
340
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
420
Do You Even Need a Page Builder Anymore?
Avatar for Robin Cornett robincornett
0
30
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
48
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
98
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
こんなアーキテクチャ図はいやだ / Anti-pattern in AWS Architecture Diagrams
Avatar for Naomi Yamasaki naospon
1
380
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.6k
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
新メンバーのために、シニアエンジニアが環境を作る時代
Avatar for puku0x puku0x
0
1k
Zero-Downtime Migration: Moving a Massive, Historic iOS App from CocoaPods to SPM and Tuist without Stopping Feature Delivery
Avatar for kagemiku kagemiku
0
240
生成AI時代のエンジニア育成 変わる時代と変わらないコト
Avatar for starfish719 starfish719
0
7.6k
Azure PortalなどにみるWebアクセシビリティ
Avatar for tomokusaba tomokusaba
0
350
目的ファーストのハーネス設計 ~ハーネスの変更容易性を高めるための優先順位~
Avatar for Gota gotalab555
5
1.1k
インターネットの技術 / Internet technology
Avatar for Kenji Saito ks91
PRO
0
120
Do Ruby::Box dream of Modular Monolith?
Avatar for Tomohiro Hashidate joker1007
0
100
#jawsugyokohama 100 LT11, "My AWS Journey 2011-2026 - kwntravel"
Avatar for Shinichiro Kawano shinichirokawano
0
300
ぼくがかんがえたさいきょうのあうとぷっと
Avatar for Yuuki Yamashita yama3133
0
150

Featured

See All Featured
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
440
It's Worth the Effort
Avatar for 3n 3n
188
29k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
150
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Design in an AI World
Avatar for tapps tapps
0
190
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k

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