ryanSmithART.com/courses/388/2014




- MONDAY -
*Check Homework

more jQuery
here's the code


" Smooth Scrolling "

Info : dwuser.com
demo

http://css-tricks.com/snippets/jquery/smooth-scrolling/
demo

My example : smooth_scroll.html
my code

going "left to right"
Example
the ZipFile

the Original Project by Zack



- WEDNESDAY -

adding sound:

<embed src="cantina_song.mp3" width="320" height="32" autoPlay="false"></embed>

Option #2 (html 5):


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

http://www.w3schools.com/HTML/html5_audio.asp


What we did previously :

More CSS Positioning & other fun stuff


Some review :

CSS Stuff

w3schools.com/css/css_boxmodel
Margin -
Clears an area around the border. The margin does not have a background color, it is completely transparent
Border - A border that goes around the padding and content. The border is affected by the background color of the box
Padding - Clears an area around the content. The padding is affected by the background color of the box
Content - The content of the box, where text and images appear

(page layout)
htmldog.com/guides/cssadvanced/layout/


LAYERS WITH CSS

position:relative; top:-50; left:5; color:red; font-size:80px; z-index:2;
http://www.echoecho.com/csslayers.htm
what is Netscape Navigator ?

Z-INDEX EXAMPLE

Always remember :
Just Because You Can Doesn't Mean You Should



HOME WORK

"Project B"

Due date: Mon. Oct. 13th