Dave+Nighbor's+Activity+Log




 * QUICK LINKS**


 * Assignment 1: ** 1a 1b 1c 1d

**Assignment 2 page:** link

**Assignment 3 page:** link

**ACTIVITY LOG**

Week 1 - January 4, 2012
- Created Wikispace account - Learned basics of html in class - Completed in-class HTML assignment : "Interface Design" > link - Completed in-class HTML assignment : "My name is…" > link - Designed a colour palette - Created 9 squares in Illustrator and saved as gifs - Learned slice tool in Illustrator and Photoshop

Week 2 - January 11, 2012
- Learned CSS basics and positioning - Created 6 grid layouts using HTML and CSS in Adobe Dreamweaver using the 9 colours - Uploaded grid to digital locker - Designed 4 text grid layouts in Illustrator

**Assignment 1a:** Colour palette grids > link

Week 3 - January 18, 2012
- Learned how to work with text in HTML/CSS - Used Adobe Dreamweaver to creating CSS/HTML equivalents of text layouts. - Uploaded Assignment 1b to digital locker - Cut through a Rolling Stone magazine using box cutters. 2.5" x 2.5" squares. - Scanned cutouts and saved as JPGs

**Assignment 1b:** Text on the web > link Adobe Illustrator textbox template for reference > PDF

Week 4 - January 25, 2012
- Learned basics of CSS3 and HTML5 - Learned the CSS "slide" technique for creating button - Discovered interesting CSS3 techniques for mouse rollover. - Made 4 web layouts using various images from the magazine cutouts. - Commented on Anastasia and Alaa's log and assignments. - Edited the "Resources" page. Added some fantastic CSS3 hover links as well as organized the page so it presents a little cleaner.

**Assignment 1c:** Web Layout > link Link to my comments: Anastasia link Alaa: link Link to contribution on Resource page - added information of CSS3 rollover animation: link


 * Week 5 - January 31, 2012 **

- Learned how to properly center website content in the browser using containers - Began playing with the Photoshop slice tool again to develop more "print style" web layouts - Created all web layouts in Photoshop before using Dreamweaver - this allowed me to fine tune my design before coding it - Created five web layouts for Assignment 1d. Link below.

**Assignment 1d:** //Web Layout// > link


 * Week 6 - February 8, 2012 **

- Learned the basics of processing - Recreated logo that I brought into class using processing

**Assignment 2a:** //Logo design// > link


 * Week 7 - February 15, 2012 **

- Learned setup, draw, motion and loop for Processing. - Took a long time to figure out parts of Project 2b. I found that if I put the project down for a few hours, solutions would eventually just pop into my head. I found this much easier than slaving away at the same problem for hours on end.


 * Week 8 - February 22, 2012 **

- Reading week - Finished Project 2b and played around with processing software

**Assignment 2b:** //Static Shapes >// link


 * Week 9 - February 29, 2012 **

- Had to miss this weeks class but read through lecture notes. Learned how to do interactivity using the mouse. Worked on both Project 2c and Project 2d - Commented on Kathy Lu's Project 2 work > [|link] - Commented on Kadi's Project 2 work > [|link] - Began thinking about Project 3 and began gathering and organizing content


 * Week 10 - March 7, 2012 **

- Assignment 2c and Assignment 2d due. - Created mood board, wireframe, and information architecture - Recreated Project 2d as per feedback but couldn't upload it on to OpenProcessing.org

**Assignment 2c:** //Motion Module// > link **Assignment 2d:** //Processing and Interaction// > link


 * March 14, 2012 - April 3, 2012 **

- Created wireframe, content list, information architecture, and moodboard. This is the first time I ever did anything like this... I loved it! It was a great way to organize information and work out any inconsistencies before any detailed work has been done. I will definitely use this method in the future. View process work here

- Added the following tutorials. These were all things I learned that were either interesting or took me a long time to figure out myself: Hover over one element, affect many How to create an email link Hover over one element, affect many How to expand an image moving from right to left

- Worked on and completed Project 3. I felt pleased with how I developed in this class. When I started the term, I didn't know much about html and css. Now I feel confident with exploring code and I'm not scared to get my hands dirty. Processing was cool too... I look forward to working at it.

Visit my website here