Google Drive Link to add your sites
https://docs.google.com/document/d/1PaMKeHHVGVHg0g7iJx0xgAnV3zUBZ-2yUIsnQoWz5gk/edit?usp=sharing
Wed 4/17 :
Workday to finish projects
&
Complete Class Evaluations on Blackboard (login to Blackboard and click on the “Course Evaluations” tab)
Wed 4/24 :
Final Class meeting/presentations – show us your final Website Portfolio (Project 3)
&
Complete Class Evaluations on Blackboard (login to Blackboard and click on the “Course Evaluations” tab)
FRIDAY 5/3 @ 11am:
Last chance to turn in any projects online. Everything must be turned in by 11am on 5/3!
Projects
Excercise_1_Just_Ascii_About_Me
Excercise_2_Getting_to_Know_Url
Excercise_3_D_for_Div_Art_Forgery_with_CSS3
Extra Stuff (just for fun)!
check out PROCESSING
Processing is another coding language that is used in a visual arts context.
Check out some examples here
https://processing.org/examples/
D for Div Helper Files
Div Forgery Helpers
The lessons below borrows heavily from the work of Ian Besler!!!
jQuery Basics
Video Tutorial which can be found here
First Steps
Download the jQuery Library file and put in a folder called ‘js’ in your site folder.
https://jquery.com/download/
And/Or
use the jQuery Library file from Google
https://developers.google.com/speed/libraries/#jquery
Html Set Up
Follow this link to the GitHub file with the code that you can copy into sublime 🙂
https://github.com/omsantosdesign/jquerybasics/blob/master/startHere
Paralax
Download the js file from
http://markdalgleish.com/projects/stellar.js/
Html & Css files
https://github.com/omsantosdesign/jquerybasics/blob/master/paralax_html
https://github.com/omsantosdesign/jquerybasics/blob/master/paralax_css
Paralax with CSS
https://www.w3schools.com/howto/howto_css_parallax.asp
jQuery Rotate
jQuery Mouse over
Explanation on different events taken from https://stackoverflow.com/questions/19109754/difference-between-mousedown-and-click-in-jquery
”
onMouseDown will trigger when either the left or right (or middle) is pressed. Similarly, onMouseUp will trigger when any button is released. onMouseDown will trigger even when the mouse is clicked on the object then moved off of it, while onMouseUp will trigger if you click and hold the button elsewhere, then release it above the object.
onClick will only trigger when the left mouse button is pressed and released on the same object. In case you care about order, if the same object has all 3 events set, it’s onMouseDown, onMouseUp, then onClick. Each even should only trigger once though.
“