Upgrade to Pro — share decks privately, control downloads, hide ads and more …

An Introduction to Chrome Dev Tools

Robin Cornett
October 05, 2017
Technology
0
290

An Introduction to Chrome Dev Tools

Robin Cornett

October 05, 2017
Tweet

More Decks by Robin Cornett

See All by Robin Cornett
Accessibility Matters to You, Too
robincornett
0
240
Do You Even Need a Page Builder Anymore?
robincornett
0
17
Choosing and Managing WordPress Plugins
robincornett
0
150
The Genesis Framework Meets the Block Editor
robincornett
0
36
Mailchimp and Your Blog
robincornett
0
160
Front Pages and Home Pages and Posts Pages, Oh My!
robincornett
0
37
Extending WordPress with Custom Content Types
robincornett
0
200
What's New in WordPress 4.6
robincornett
0
26
#a11y: Accessibility in WordPress
robincornett
0
87

Other Decks in Technology

See All in Technology
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
380
自らを知り外と繋がる、日経のエンジニア採用とDevRel活動/devreljp92
nishiuma
2
190
uvを使ってストレスフリーな Python開発をしよう！
r74tech
0
260
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
4
950
データ基盤を支える技術
chanyou0311
2
830
ルーターでプレゼンする
puhitaku
1
3.4k
CockroachDB はどのくらい「しぶとい」のか？ / How tough is CockroachDB?
kota2and3kan
6
4k
今日からできる！簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
4.9k
TiDBにおけるテーブル設計と最適化の事例
cygames
0
260
類似ロジック実装をiOS/Android間で合わせる道標No.1
fumiyasac0921
1
180
今年のRubyKaigiはProfiler Year🤘
osyoyu
0
530
認知症フレンドリーテックとスタックチャン
naokiuc
0
380

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
GraphQLの誤解/rethinking-graphql
sonatard
56
9.3k
Faster Mobile Websites
deanohume
300
30k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
A better future with KSS
kneath
231
16k
Clear Off the Table
cherdarchuk
85
310k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Web development in the modern age
philhawksworth
203
10k
A designer walks into a library…
pauljervisheath
201
23k
Infographics Made Easy
chrislema
238
18k
Robots, Beer and Maslow
schacon
PRO
155
7.9k

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