Difference between revisions of "Class:Digital Portfolio 2013/Week 3"
Jump to navigation
Jump to search
(→Notes) |
|||
| Line 17: | Line 17: | ||
== Notes == | == 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 [http://getfirebug.com firebug]. | ||
| + | |||
| + | * 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] | ||
== Video Notes == | == Video Notes == | ||
Revision as of 14:09, 17 May 2013
Contents
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.
- How to set up Safari for web inspection.
- Amazing free Code School course on Discovering DevTools
Video Notes
Section B
- Using the built in browser tools to help you debug your projects
- What is a CSS reset/normalize and why do we need to love them
- CSS Floats Overview
- CSS Position Overview
- Further clarification on divs & spans
- CSS Box Model Overview
- Building a quick gallery using the stuff we learned today
Files
- Title - http://url
- note
Assignment
Bold
Bring with you to class next week .
- Description.
