Exercises + Projects for Personal Class Site

Exercises + Projects for Personal Class Site

1. Foundation Layout Demo
2. Javascript Basics Demo
3. Parallax Scrolling with flower images
4. CSS3  Basics (gradients, drop shadow, border radius, transparency, rotation)
5. CSS3 Transitions/Animations

Week 16 Day 2 - May 2, Thursday - Homework

1. Fill out course evaluations for ART370 by Sunday, May 5.
https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I. 

Final project due for class critique on Tuesday, May 7, 8:00-10:00am 

What to submit to for final project:
2. USB Flash Drive with following Proj 2 files (organized and labeled as follows)
 >>Main Project folder with naming structure: LastName_Proj2
      + "Process Docs" folder (with PDF of proposal, wireframe, flowchart and concept sketches)

      + "Design Files" folder (both as native design program files PSD or AI and PDF version of final design layout)
      + "Web Files" folder (with appropriate HTML, CSS, javascript and images related website)

National Film Board Interaction Projects

Check out the National Film Board of Canada's Interactive Experience Projects

http://www.nfb.ca/interactive

Week 16 Day 1 - Tuesday, April 30 - Homework

1. Continue coding development for final project. Keep in mind there are 7 days left in the semester before our final critique.

Final project due for class review on Tuesday, May 7, 8:00-10:00am (all process, design and web files due on USB drive)

2. Fill out course evaluations for ART370 by Sunday, May 5.
https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

Week 15 Day 2 - Thursday, April 25 - Homework

1. Continue coding development for final project. Keep in mind there is only 1 week left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for next Tuesday, April 30) and final critiques (Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.
https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

Week 15 Day 1 - Tuesday, April 23 - Homework

1. Continue coding development for final project. Keep in mind there are only 1 1/2 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for next Tuesday, April 30) and final critiques (during finals week, Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.

https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I.

CSS3 Transitions

CSS3 Transitions {via w3schools}
CSS selectors {via w3schools}
CSS3 Tranforms {via cssSandpaper}

Week 14 Day 2 - Thursday, April 18 - Homework

1. Continue coding development for final project. Keep in mind there are only 2 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for Tuesday, April 30) and final critiques (during finals week, Tuesday, May 7, 8:00-10:00am)

2. Fill out course evaluations for ART370 by Sunday, May 5.

https://vandalweb.uidaho.edu/PROD/twbkwbis.P_WWWLogin?ret_code=I. 

3. Upload CSS Transitions Exercise to class website by end of today.

Week 13 Day 2 - Thursday, April 11- Homework

1. Begin coding development for final project. Keep in mind there are only 3 weeks left in the semester before our final critique. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for April 23 + 25) and final critiques (during finals week, May 7, 7:30-9:30am)

Be sure you are frequently viewing your web documents in multiple browsers (Safari, Firefox, Chrome, Internet Explorer) and operating systems (Mac vs PC). 

Some CSS3 properties are not compatible (especially IE 9 and below). Although your document will never appear 100% identical in each browser, be sure the viewer does not have a negative experience based on your CSS styles or use of Javascript.

  

{via CXPartners presentation at FOWD 2012}

CSS3 Resources

CSS3 Solutions for Internet Explorer {via Smashing Magazine}
CSS3 PIE (Progressive Internet Explorer (IE compatibly for drop shadow, gradient, border radius)
cssSandPaper (CSS3 Javascript Library) - cube transformations
Elliot Jay - Progressive Enhancement  (presentation that addresses the balance between usability and aesthetics, should web design be boring due to cross browser incompatibility)

Week 13 Day 1 - April 9 - Homework

1. Work on image and media prep and project coding for final project. Keep in mind there are only 3 1/2 weeks left in the semester. Be sure you manage the remaining part of the semester for coding, usability testing (scheduled for April 23 + 25) and final critiques (during finals week, May 7 7:30-9:30am)

I will be conducting a CSS3 demo next class

Week 12 Day 2 - Thursday, April 4 - Homework

1. Continue to work on Final Project Layout Design (due next Tuesday, April 9, 8:30am). All sections due for review as PDF.

Week 12 Day 1 - Tuesday, April 2- Homework

1. Continue to work on Final Project Layout Design (due next Tuesday, April 9, 8:30am). All sections due for review as PDF.

2. Upload Z-Index Exercise and Parallax Scroll Exercise (with new image, text and class name content) by start of next class, Wednesday, April 4.

Week 12 - Demo Resources

Parallax Scrolling with JQuery {via F6 Design}
Horizontal Verzion of Parallax Scrolling demo {via github}
Parallax Scrolling for Mobile Devices
Lettering.js  {JQuery plugin supports increased typographic control web}
Firebug {Firefox supported web development tool to view edit, debug, and monitor CSS, HTML, JavaScript}

Painting Faculty candidate presentation by Nishiki Tayui

There will be another Painting Faculty candidate presentation by Nishiki Tayui, scheduled for today Monday, April 1 in the TLC 47 at 10:30am.

Earth Day Poster Competition

ANNUAL EARTH DAY POSTER DESIGN COMPETITION

About: Lewis Clark Recyclers hosts an annual poster contest to celebrate the observance of Earth Day. The winning posters will be featured on LCRI’s website and used to promote the annual Earth Day celebration in Lewiston, ID.

Prizes: There will be two $200 Grand Prizes awarded: One for People’s Choice and one for Judge’s Choice. The judges choice second place will receive $25.

The prize-winning artwork will be featured on the web-site and in other print and digital media. Runner-ups and other submissions may have the opportunity to be paid for use of their designs for marketing materials.

Judging Criteria:

• Overall visual impact 
• Skill level 
• Creativity 
• Originality 
• Polish 
• Effectiveness

Deadline: Submissions due April 8th

Please submit your poster design on a CD labeled with your name, email, phone number and title of the piece to Rachel Fujita in A&A room 100.

Submissions must be either pdf or psd les formatted as 24” by 36” at 300 dpi.

For more information or to submit art-work, please contact contest coordinator Robin Lopez at lopezr7@gmail.com 208.596.0605 

 

Week 11 Day 2 - Thursday, March 28 - Homework

1. Continue working on Design Layout for final project. Keep in mind final review of layout for each unique section with all intended content (image and text) due as PDF on Tuesday, April 9, 8:30am. 

Week 11 Day 1 - Tuesday, March 26 - Homework

1. Begin working on Design Layout for final project. Keep in mind final review of layout for each unique section due as PDF on Tuesday, April 9, 8:30am.

2. Post links to Javascript demo files onto personal class website

Javascript Resources

W3Schools Javascript Resource
JQuery - JavaScript Library
W3Schools JQuery Resource

JQuery UI (User Interface) Resource
Best Way to Learn JavaScript (great article from nettuts)
Code Academy --great learning tool when practicing new coding, has interactive learning tools for JavaScript

Week 10 Day 2 - Thursday, March 21 - Homework

1. Continue to work on research (text and image gathering) for Project 2. Moodboard is due for review next class as a PDF. Must consider following key features in mood board...

• Visual theme (via inspirational images)
• Color scheme (what colors will you use, between 2-5 colors)
• Textures (subtle backgrounds, visuals used to enhance depth/contrast)
• Type styles (font family, primary font vs secondary)

The visual language used in your moodboard should pre-empt your layout design ideas for project 2. Be sure to consider legibility, usability,  and visual hierarchy throughout the design process.

2. We will begin Javascript/JQuery demos next Tuesday

3. If you are on campus today, I recommend you attend the presentation of Melissa Wilkinson today in the TLC 47 at 5pm. Melissa is one of the candidates interviewing for the new Painting Faculty Position in the CAA.

There will be another Painting Faculty candidate presentation by Mark Bradley Shoup, scheduled for Monday, March 25 in the TLC 47 at 10:30am.