30 Web Developer Tool tricks you didn't know!

Timeline:
0:35 Open web developer tools
0:50 Window stacking
1:14 Inspect elements
1:35 Scroll into view
2:00 Edit HTML (edit/hide/remove)
2:35 Edit CSS
3:40 Box model
4:04 Color picker
4:40 Pseudo classes
5:30 Mobile device simulation
5:48 Show/hide device frame
5:55 Orientation
6:03 Touch/swipe
6:23 List of devices
6:33 Responsive size
6:45 Media queries
7:20 Zooming / pinching
7:40 Sensors / location / orientation
8:35 Network
9:03 DOMContentLoaded
9:50 Resource filtering
10:05 File browsing
10:30 Pretty print
10:50 Quick file switching
11:07 Multicoursor
11:15 (Select/find) next occurrence
11:35 Debugger
12:20 Break on HTML
13:00 Shadow DOM
13:50 Bottle necks
14:50 Console
15:25 Preserve log
15:55 Network throttling
16:25 Document query selectors
17:00 Assign node to variable
17:40 Path to the node
18:22 Clear/browser storage (cookies/local storage/cache)
18:45 Manifest files / service workers
19:05 Performance measurement
Page grading
Security

#webdev#tools#mdb