- week 12 -
*talk about illness(es)
ADD LINKS TO CLASS WEBPAGES NOW!
( if you haven't already )
- MONDAY -
a little more javascript?
<script type="text/javascript">
alert("this is an alert box!");
alert("this is also an alert box!");
</script>
<a href= "javascript:void(0)"onclick="window.open('http://www.htmlgoodies.com/primers/jsp/article.php/3586411'
,'linkname','width=800,scrollbars=yes')" >
<input type="submit" name="button" id="button" value="blah blah" /></a>
</p>
Fun Stuff:
HELLO
<a href="#"onMouseOver="alert('HELLO!')";>HELLO</a>
BG Color: Green Yellow Red Brown White
<a href=""onmouseover="document.bgColor='green'">Green</a>
http://www.mica.edu/
"Slide Show #1"
Another jQuery Slideshow
HTML5 Introduction
http://www.w3schools.com/html/html5_intro.asp
HTML Reference - (HTML5 Compliant)
http://www.w3schools.com/tags/default.asp
- my example
More fun HTML5 stuff:
http://css-tricks.com/examples/VerticalMediaQueries/bootstrap.html
http://johnpolacek.github.com/scrollorama/
http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/
parallax scrollling
http://richardshepherd.com/smashing/parallax/background.html
Get started with "scrolling" effects:
demo (view page source ) uses jQuery
useful links :
"smooth-scrolling.js"
7 Web Design Trends (That Won't Go Away)
Good designs:
christhurman.com | shopify.com | lowdi.com | tracycostopoulos.com
- WEDNESDAY -
rough draft due Wednesday, Nov. 12th
More fun HTML5 stuff:
Responsive Web design
"floating-navigation-menu"
- dwuser.com/.../complete.html
**rS Demo
Zoom Stuff :
Image Example
jQuery
<script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8">
/* jquery version 1.11.0 */
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
zoomrange: [3, 5],
magnifiersize: [300,300], //width & height of box
magnifierpos: 'right',
cursorshade: true,
largeimage: 'zoom/PhillyCityScape_big.jpg' //<-- No comma after last option!
})
})
</script>
HTML :
<img id="image1" border="0" src="zoom/PhillyCityScape_100px.jpg" style="height:100px">
Source :
http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm
Other Source :
http://www.tripwiremagazine.com/2012/12/jquery-image-zoom.html
HOME WORK
keep working on "Project D"
- finish a roughdraft of the project by Wednesday, Nov. 12
Upcoming weeks:
#12 : rough draft due Wednesday, Nov. 12th
#13 : QUIZ Monday, Nov. 17th
#13 : Project D due / presentations Wed. Nov.19th