Submit Search
Upload
Chris szafranek
•
0 likes
•
125 views
F
FDC13
Follow
Report
Share
Report
Share
1 of 45
Download now
Download to read offline
Recommended
Chrome Extentions: From HelloWorld to Task note
Chrome Extentions: From HelloWorld to Task note
Hiếu Bùi Đức
Intro to Puppeteer
Intro to Puppeteer
Islam AlZatary
Polymer
Polymer
Josef Ježek
How to Write UI Automated Tests
How to Write UI Automated Tests
Klika Tech, Inc
Headless BDD & Responsive Test Automation
Headless BDD & Responsive Test Automation
Shashikant Jagtap
Web Design And Development With Open Source
Web Design And Development With Open Source
Baki Goxhaj
Selenium Builder
Selenium Builder
David Stark
Introducing Selenium Builder – the Future of Test Development
Introducing Selenium Builder – the Future of Test Development
seleniumconf
Recommended
Chrome Extentions: From HelloWorld to Task note
Chrome Extentions: From HelloWorld to Task note
Hiếu Bùi Đức
Intro to Puppeteer
Intro to Puppeteer
Islam AlZatary
Polymer
Polymer
Josef Ježek
How to Write UI Automated Tests
How to Write UI Automated Tests
Klika Tech, Inc
Headless BDD & Responsive Test Automation
Headless BDD & Responsive Test Automation
Shashikant Jagtap
Web Design And Development With Open Source
Web Design And Development With Open Source
Baki Goxhaj
Selenium Builder
Selenium Builder
David Stark
Introducing Selenium Builder – the Future of Test Development
Introducing Selenium Builder – the Future of Test Development
seleniumconf
Blazor
Blazor
Sandun Perera
Blazor - An Introduction
Blazor - An Introduction
JamieTaylor112
Selenium - what it is and what you can do with it
Selenium - what it is and what you can do with it
David Stark
Autotests introduction - Codeception + PHP Basics
Autotests introduction - Codeception + PHP Basics
Artur Babyuk
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Igalia
Dive Into Chrome-100119
Dive Into Chrome-100119
yiming he
Firefox os how large open source project works
Firefox os how large open source project works
Fred Lin
Dockerising Appium : London Appium Meetup
Dockerising Appium : London Appium Meetup
Shashikant Jagtap
Firebug: Javascript Development Made Easier
Firebug: Javascript Development Made Easier
Binny V A
University Hackathon Kit
University Hackathon Kit
Joshua Drew
Chrome Extension
Chrome Extension
Andrei McMillan
Creating chrome-extension
Creating chrome-extension
Akshay Khale
BASICO DE BAJA CALIFORNIA SUR
BASICO DE BAJA CALIFORNIA SUR
BETTO988
Skmbt c55215073119290
Skmbt c55215073119290
Karilu Ccanto Valderrama
Mobile Optimisation for Email
Mobile Optimisation for Email
Ryan Hickling
Dbms by jeet goyal
Dbms by jeet goyal
jeet1991
Automotive electronics
Automotive electronics
jeet1991
амьтад эрдэмсоёл
амьтад эрдэмсоёл
Facoff Nova
Copia 5
Copia 5
isa1234za
Walang iba
Walang iba
Mhaine Kulet
BASICO DE CAMPECHE
BASICO DE CAMPECHE
BETTO988
Profianti
Profianti
Yafrani Palacios
More Related Content
What's hot
Blazor
Blazor
Sandun Perera
Blazor - An Introduction
Blazor - An Introduction
JamieTaylor112
Selenium - what it is and what you can do with it
Selenium - what it is and what you can do with it
David Stark
Autotests introduction - Codeception + PHP Basics
Autotests introduction - Codeception + PHP Basics
Artur Babyuk
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Igalia
Dive Into Chrome-100119
Dive Into Chrome-100119
yiming he
Firefox os how large open source project works
Firefox os how large open source project works
Fred Lin
Dockerising Appium : London Appium Meetup
Dockerising Appium : London Appium Meetup
Shashikant Jagtap
Firebug: Javascript Development Made Easier
Firebug: Javascript Development Made Easier
Binny V A
University Hackathon Kit
University Hackathon Kit
Joshua Drew
Chrome Extension
Chrome Extension
Andrei McMillan
Creating chrome-extension
Creating chrome-extension
Akshay Khale
What's hot
(12)
Blazor
Blazor
Blazor - An Introduction
Blazor - An Introduction
Selenium - what it is and what you can do with it
Selenium - what it is and what you can do with it
Autotests introduction - Codeception + PHP Basics
Autotests introduction - Codeception + PHP Basics
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Dive Into Chrome-100119
Dive Into Chrome-100119
Firefox os how large open source project works
Firefox os how large open source project works
Dockerising Appium : London Appium Meetup
Dockerising Appium : London Appium Meetup
Firebug: Javascript Development Made Easier
Firebug: Javascript Development Made Easier
University Hackathon Kit
University Hackathon Kit
Chrome Extension
Chrome Extension
Creating chrome-extension
Creating chrome-extension
Viewers also liked
BASICO DE BAJA CALIFORNIA SUR
BASICO DE BAJA CALIFORNIA SUR
BETTO988
Skmbt c55215073119290
Skmbt c55215073119290
Karilu Ccanto Valderrama
Mobile Optimisation for Email
Mobile Optimisation for Email
Ryan Hickling
Dbms by jeet goyal
Dbms by jeet goyal
jeet1991
Automotive electronics
Automotive electronics
jeet1991
амьтад эрдэмсоёл
амьтад эрдэмсоёл
Facoff Nova
Copia 5
Copia 5
isa1234za
Walang iba
Walang iba
Mhaine Kulet
BASICO DE CAMPECHE
BASICO DE CAMPECHE
BETTO988
Profianti
Profianti
Yafrani Palacios
Viewers also liked
(10)
BASICO DE BAJA CALIFORNIA SUR
BASICO DE BAJA CALIFORNIA SUR
Skmbt c55215073119290
Skmbt c55215073119290
Mobile Optimisation for Email
Mobile Optimisation for Email
Dbms by jeet goyal
Dbms by jeet goyal
Automotive electronics
Automotive electronics
амьтад эрдэмсоёл
амьтад эрдэмсоёл
Copia 5
Copia 5
Walang iba
Walang iba
BASICO DE CAMPECHE
BASICO DE CAMPECHE
Profianti
Profianti
Similar to Chris szafranek
Site Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor Websites
Jeleen Cubillas
Snappy Means Happy: Performance in Ember Apps
Snappy Means Happy: Performance in Ember Apps
Matthew Beale
Web development tool
Web development tool
Deep Bhavsar
Frontend Workflow
Frontend Workflow
DelphiCon
Powerful tools for building web solutions
Powerful tools for building web solutions
Andrea Tino
Headless browser a stepping stone towards developing smarter web applicatio...
Headless browser a stepping stone towards developing smarter web applicatio...
Bala Murugan
Why You Need a Front End Developer
Why You Need a Front End Developer
Mike Wilcox
Grunt Continuous Development of the Front End Tier
Grunt Continuous Development of the Front End Tier
Erick Brito
Marco Liberati - Write once, debug everywhere
Marco Liberati - Write once, debug everywhere
Codemotion
Testing Responsive Webdesign
Testing Responsive Webdesign
Sven Wolfermann
(In)Security Implication in the JS Universe
(In)Security Implication in the JS Universe
Stefano Di Paola
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Brian Culver
Hacking to be performant
Hacking to be performant
Apoorv Saxena
DevTools
DevTools
boucher
The Internal Architecture of Chrome Developer Tools
The Internal Architecture of Chrome Developer Tools
Miroslav Bajtoš
Google Chrome DevTools features overview
Google Chrome DevTools features overview
Oleksii Prohonnyi
Creating Flash Content for Multiple Screens
Creating Flash Content for Multiple Screens
paultrani
Making friends with the inspector how non developers can harmlessly dig into...
Making friends with the inspector how non developers can harmlessly dig into...
Tara Claeys
HTML5 for Rich User Experience
HTML5 for Rich User Experience
Mahbubur Rahman
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
innocomfindyourself
Similar to Chris szafranek
(20)
Site Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor Websites
Snappy Means Happy: Performance in Ember Apps
Snappy Means Happy: Performance in Ember Apps
Web development tool
Web development tool
Frontend Workflow
Frontend Workflow
Powerful tools for building web solutions
Powerful tools for building web solutions
Headless browser a stepping stone towards developing smarter web applicatio...
Headless browser a stepping stone towards developing smarter web applicatio...
Why You Need a Front End Developer
Why You Need a Front End Developer
Grunt Continuous Development of the Front End Tier
Grunt Continuous Development of the Front End Tier
Marco Liberati - Write once, debug everywhere
Marco Liberati - Write once, debug everywhere
Testing Responsive Webdesign
Testing Responsive Webdesign
(In)Security Implication in the JS Universe
(In)Security Implication in the JS Universe
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Hacking to be performant
Hacking to be performant
DevTools
DevTools
The Internal Architecture of Chrome Developer Tools
The Internal Architecture of Chrome Developer Tools
Google Chrome DevTools features overview
Google Chrome DevTools features overview
Creating Flash Content for Multiple Screens
Creating Flash Content for Multiple Screens
Making friends with the inspector how non developers can harmlessly dig into...
Making friends with the inspector how non developers can harmlessly dig into...
HTML5 for Rich User Experience
HTML5 for Rich User Experience
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
Chris szafranek
1.
Getting the Most out
of Your Tools Krzysztof Szafranek @szafranek
2.
2000
3.
2000
4.
2001
5.
2001
6.
Joe Hewitt A man
who single-handedly did more for web developers than any other individual.
7.
2006
8.
2013
9.
Style Editor JS Debugger JS
Profiler JS Console DOM Inspector Networking
10.
CSS profiler Responsive &
3D Rendering tools Scriptable cmd line Memory profiler Performance audit
11.
Firebug
12.
Console API
13.
debugger
14.
Style tracing
15.
CSS editing
16.
Back/Forward Cache
17.
Firefox dev tools
18.
Firefox Nightly
19.
The old new
tools
20.
3D view
21.
Responsive view
22.
Repainting
23.
Font explorer
24.
Command line
25.
screenshot ~/Downloads/screen.png --fullpage
26.
jsb http://www.google-analytics.com/ga.js Pretty print
+ editing! Note: To add a variable in the current window, remember to prefix it, e.g.: window.myCustomFunction
27.
Editor integration http://paulrouget.com/e/devtoolsnext/
28.
Web Inspector
29.
Chrome Canary
30.
Editor integration http://sokolovstas.github.io/SublimeWebInspector/
31.
Pretty print
32.
Pretty print
33.
Live editing
34.
Memory profiling
35.
Audits
36.
Remote debugger
37.
FPS counter about:flags For hardware
accelerated elements (WebGL, CSS transforms)
38.
about:tracing html5rocks.com/en/tutorials/games/abouttracing
39.
Want more?
40.
Jan Odvarko @janodvarko softwareishard.com
41.
Paul Rouget @paulrouget paulrouget.com
42.
Paul Irish paulirish.com @paul_irish
43.
@addyosmani Addy Osmani addyosmani.com
44.
Thank You! @szafranek
45.
Photo credits: FranksValli Gene Hunt williamcromar
Download now