ryanSmith's art 388 class @ UMBC

- art on the internet -

ryansmithart.com/courses/2014/388

Week #12:

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.