ryansmithart.com/courses/2014/365

Week #12:

It doesn't matter if you received an A, B, C, or D grade on your projects.
I'm encouraging everyone to improve their projects before the end of the semster.

Project D : Designing & building a marketing website for a product
-you should have: come up with an idea for Project D

Project D Examples : Neck Basket | Game Boy | Lizards | ??? | Dream Catcher
- branding, identity, & logo design

Another jQuery Slideshow

---

more about HTML 5:

HTML5 Introduction
http://www.w3schools.com/html/html5_intro.asp

HTML Reference - (HTML5 Compliant)
http://www.w3schools.com/tags/default.asp

Responsive Web design

- 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

another fun site:
http://activatedrinks.com/

Get started with "scrolling" effects:
demo (view page source ) uses jQuery

useful links :
"floating-navigation-menu"
"smooth-scrolling.js"

**rS Demo

7 Web Design Trends (That Won't Go Away)

Good designs:
christhurman.com | plinestudios.com | shopify.com| lowdi.com | tracycostopoulos.com

---

Zoom Stuff :

Image Example

jQuery

<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

- Project D
- You might want to get started on it

There's 168 hours in 1 week:
Spend 1 of those hours outside.
Turn off the computer and the TV. Don't touch your phone.
And, see if you can spend 1 continuous hour without an electronic device.
The fresh air, and lack of electronics, will recharge YOUR batteries,
and leave you feeling refreshed.
It doesn't matter if you sit, walk, stare at the trees, or just close your eyes…
Take some time for yourself this week.