Caner Uguz
(Junn-air Ooze)
@caneruguz
Programming
College
Historian
Librarian
Teacher
Instructional Technology
I work at
inspect element
alt + cmd + i
from menu
diagnose existing styles
order of application
overwritten styles
mapping
observe and edit
Set and inherited properties on the element
filterable!
add any style
add classes
uncheck styles
incrementing
defaults
Pick color
Pick color from the page
Define color type
Add elements
Edit Elements
Move about with keyboard
#download > a > span
Add ons can add html or events to the DOM that is not native.
Map to file
Add folder to workspace
Local change history
... because clients
... because time
... because refreshing is for chumps
No.
Safari has Web Inspector
Firefox has Inspector and Firebug
Courses on Dev Tools:
Basic introductions to CSS and jQuery Presentation
this slide at:
https://slides.com/caneruguz/chrome-dev-tools-for-designers/
http://spkr8.com/t/57551