Difference between revisions of "Class:Digital Portfolio 2013/Week 3"

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(→‎Files)
(→‎Your Browser is a Web Inspector)
Line 23: Line 23:
 
* How to [http://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/2SafariDeveloperTools/SafariDeveloperTools.html set up Safari] for web inspection.
 
* How to [http://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/2SafariDeveloperTools/SafariDeveloperTools.html set up Safari] for web inspection.
 
* Amazing free Code School course on [http://www.codeschool.com/courses/discover-devtools Discovering DevTools]
 
* Amazing free Code School course on [http://www.codeschool.com/courses/discover-devtools Discovering DevTools]
 +
* Quick little Safari Web Inspector Video [http://www.youtube.com/watch?v=BUQaqn6DM4k on YouTube here].
  
 
== Video Notes ==
 
== Video Notes ==

Revision as of 20:33, 17 May 2013

Last Week

  • Prepping Images for the Web
  • Tools: Text Editors
  • HTML / CSS Review

This Week

  • Browser Develop Tools
  • Divs & Spans -vs- classes & ID's
  • CSS Normalized
  • CSS Floats
  • CSS Position
  • CSS Offset
  • CSS Sliding Gallery

Notes

Your Browser is a Web Inspector

Believe it or not, the browser that you are using to read this page, is also the best toolkit to use for debugging your projects. Both Safari and Chrome have fantastic built in Web Inspectors and there is a plugin for Firefox called firebug.

Video Notes

Section B

Files

To be posted.

Assignment

To be posted, mentioned in video.

Retrieved from "http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2013/Week_3&oldid=65"