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

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(Last Week)
Line 7: Line 7:
 
== This Week ==
 
== This Week ==
  
 +
* Browser Develop Tools
 +
* Divs & Spans -vs- classes & ID's
 
* CSS Normalized
 
* CSS Normalized
 
* CSS Floats
 
* CSS Floats
Line 12: Line 14:
 
* CSS Offset
 
* CSS Offset
 
* CSS Sliding Gallery
 
* CSS Sliding Gallery
 
== Open Questions ==
 
 
; Question
 
: note - http://url
 
 
== Links ==
 
 
; Title - http://url
 
: note
 
  
 
== Notes ==
 
== Notes ==
 
A class in CSS is a "." --> .highlight
 
An id in CSS is a "#" --> #highlight
 
 
Spans and divs are TAGS
 
- Just like <h1> <img> <ul>
 
 
All tags can optionally have attributes of type class or ID
 
- <div class="header">
 
- <div id="header">
 
- <h1 class="highlight">
 
 
  
 
; Title - http://url
 
; Title - http://url
Line 42: Line 22:
 
== Video Notes ==
 
== Video Notes ==
  
; Title - http://url
+
=== Section B ===
: note
+
 
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_BrowserWebInspector.mp4 Using the built in browser tools to help you debug your projects]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_CSSResetAndNormalize.mp4 What is a CSS reset/normalize and why do we need to love them]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_CSSFloats.mp4 CSS Floats Overview]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_CSSPosition.mp4 CSS Position Overview]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_DivsAndSpans.mp4 Further clarification on divs & spans]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_CSSBoxModelOverview.mp4 CSS Box Model Overview]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-B_CSSOverflowAndOverflowGallery.mp4 Building a quick gallery using the stuff we learned today]
  
 
== Files ==
 
== Files ==

Revision as of 13:29, 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

Title - http://url
note

Video Notes

Section B

Files

Title - http://url
note

Assignment

Bold

Bring with you to class next week .

  • Description.