For Jan 22, Thursday
We'll be meeting in N17 in the Main Building.
Bring your computer!
Jan 22, Thursday
- Introductions and class overview.
- Go over syllabus.
- Talk about our histories with computers.
- Introduce and start Exercise: Instruction
For Jan 26, Monday
- Complete Instruction Step 1
- Complete Codecademy Learn HTML: Introduction to HTML. You don't need to pay to complete the 'quiz'. Email me a screen shot of Syllabus Panel with all the steps of Introduction to HTML complete.
Jan 26, Monday
- Complete Instruction Step 2 in class.
- Intro to HTML Lecture.
- Setting up working site folder and make our first pages together.
- Begin List Poetry
For Jan 29, Thursday
- Complete List Poetry Step 1-2
- Complete Codecademy Learn HTML: HTML Document Standards. Email me a screen shot of Syllabus Panel with all the steps of HTML Document Standards complete.
Jan 29, Thursday
- Read and discuss a View Source Web.
- Talk about HTML Doc Standards.
- Go Online.
- Review sketches for List Poetry.
- Work time on building your selected List Poetry direction.
For Feb 2, Monday
- Finish building your List Poetry page and upload it to your class site, linking to it from 'interactive-1/index.html'.
- Complete Codecademy Learn CSS. The First 5 Lessons, Starting with 'Syntax and Selectors' and ending with 'The Box Model'. You don't need to do the projects or Quizes. Email me a screen shot of Syllabus Panel with all the steps complete. You might need to take a few seperate screenshots.
Feb 2, Monday
- Review List Poetry Outcomes
- Intro to CSS Lecture
- Start Musica Viva
For Feb 5, Thursday
- Make Progress on Musica Viva
- Complete the rest of Codecademy Learn CSS Starting with 'Display and Positioning' through 'Typography'. You don't need to do the projects or Quizes. Email me a screen shot of Syllabus Panel with all the steps complete. You might need to take a few seperate screenshots.
Feb 5, Thursday
- Read and discuss a Handmade Web.
- CSS Positioning, Floats, Transforms Lecture.
- Introduce Project 1.
- Work on Musica Viva.
For Feb 9, Monday
- Make progress on Musica Viva.
- Pick two different sets of three connected Wikipedia articles. Pay special attention to how their connections modify their meaning.
- Complete CSS Flexbox and Grid lessons on Codecademy Learn CSS. Email me a screen shot of Syllabus Panel with all the steps complete. You might need to take a few seperate screenshots.
Feb 9, Monday
- Lecture on Flexbox and Grid.
- Discuss our articles for Project 1.
- Talk about HTML Structures
- Work on Musica Viva.
For Feb 12, Thursday
- Finish Musica Viva.
- Complete Project 1 — Step 1 → For your chosen articles, draw 3 different sketches of ideas how you could present them on your site. Pay attention to navigation and structure, focus less on aesthetics. We'll talk about your sketches on Thursday, make sure you have enough to be able to communicate your intention!
Feb 12, Thursday
- Read and discuss on Grid World
- Talk about Web Fonts — example
- Review Musica Viva, make sure you've uploaded your examples to your class site and email me a link to them.
- Review Sketches for Project 1
For Feb 16, Monday
- Complete Project 1 — Step 2 → For your chosen direction, refine your sketches into hi-fidelity designs. These designs should look like screenshots of the eventual website. Consult Google Fonts or Adobe Fonts for typefaces you might use in your designs.
- Complete the CSS Transitions lesson on Codecademy Learn CSS. Email me a screen shot of Syllabus Panel with all the steps complete. You might need to take a few seperate screenshots.
Feb 16, Monday
- Lecture on CSS Transitions and Animations.
- Review Designs for Project 1 and start building.
- Worktime on starting to build wikizine
For Feb 19, Thursday
Make progress starting to build your site
Feb 19, Thursday
- History of Interface Lecture
- Read and Discuss This is Not my Beautiful House
- Work time on Project 1.
For Feb 23, Monday
Continue to work on building Project 1. Monday is the 33% check in deadline, by then you should have your pages made and your content in your html, even if the styling has a ways to go yet.
Feb 23. Monday
- 33% Build Check In.
- Make progress building your site
For Feb 26, Thursday
- Continue to make progress on Project 1
Feb 26, Thursday
- Read and discuss The Internet Isn't Meant to be so Small
- Work time on Project 1.
For March 2, Monday
- Finish Project 1 and upload it to your class site prior to class.
March 2, Monday
Final Crit Project 1! Our order is as follows:
Mika
Ana
Cathy
Samiyah
Joe
Yiting
Saif
Sarah
Karina
For March 5, Thursday
Find three examples of unusual or satisfying interactions online, on an app, or somewhere else digital. What do you like about them, or what annoys you about them. How do they subvert the expectations of what that action normally does?
March 5, Thursday
- Intro Project 2.
- Share unusual interactions, add a link to yours if applicable here.
- JS Intro Lecture.
- Complete Project 2 Step 1 in class.
- EXTRA: Watch and discuss Derek Watkins at Eyeo 2017.
For March 10, Monday
Complete Project 2 Step 2.
Complete 3 sketches of an interface showcasing your chosen interaction, at least one affirming the interaction, and one subverting it. In your sketches, consider how the site will react to the user interacting with it first and foremost.
Also complete Codecademy Introduction to Javascript: Variables and Codecademy Introduction to Javascript: Conditionals. Email me a screen shot of Syllabus Panel with all the steps complete for both.
March 10, Monday
- Review Sketches of interaction showcases.
- Begin working on hi fidelity designs for our showcase.
- Demos of things that are in people's sketches.
For March 12, Thursday
- Complete Project 2 Step 3, design two different visual directions for your interaction showcase (in Figma, Sketch, Indesign, whatever. These designs should be hi fidelity, we'll review them in small groups on Thursday.
- Complete Codecademy Introduction to Javascript: Functions. Email me a screen shot of Syllabus Panel with all the steps complete.
March 12, Thursday
- Read and discuss Rozendaal: The Path to Abstraction.
- Review designs for Project 2 Step 3.
- Work time on building our sites.
For March 16, Monday
- Work on building your interaction showcase for Project 2.
- Complete Codecademy Introduction to Javascript: Arrays and Codecademy Introduction to Javascript: Loops. Email me a screen shot of Syllabus Panel with all the steps complete.
March 16, Monday
Work day!
For March 19, Thursday
Continue to make progress on building Project 2.
March 19, Thursday
Work day!
For March 30, Monday
Finish Project 2 and have it uploaded to your class site for crit!
March 30, Monday
Final Crit Project 2. Order is as follows:
Yiting
Mika
Joe
Sarah
Saif
Ana
Samiyah
Karina
Cathy
For April 2, Thursday
Choose 3 Letters in Spreadsheet Typeface and design black and white letters inside the grid. Don't modify the grid itself!
April 2, Thursday
- Read and discuss Computed Type.
- Talk about Spreadsheet Typeface.
- Introduce Project 3
- Begin Project 3, Step 1 in class.
For April 6, Monday
Sketch three unique directions for your typeface in a design tool. Conceptually and formally, each direction should be unique from each other. You don't need to draw all the letters, start with the ones that will inform the design of the whole family first (like, how o would inform b,d,p,q) etc. Each sketch should show at least 10 - 12 characters.
April 6, Monday
- Read and discuss 10,000 Original Copies.
- Group crits on our sketches.
- Begin Project 3, Step 2 in class.
For April 9, Thursday
- Finish Project 3, Step 2.
April 9, Thursday
- Letter Construction Demo
- Begin Project 3, Step 3 in class.
For April 13, Monday
Make Progress on building your letters, try to have at least 6 built by Monday, focus on building them so that you can reposition and reuse them as needed.
April 13, Monday
- Read and discuss the Web's Grain.
- Check in on your letters.
- Continue to build your letters.
For April 16, Thursday
- Continue to make progress on your letters.
April 16, Thursday
- Demo on media queries.
- Work time on your letters
For April 20, Monday
- Continue to build your letters.
- Complete Project 3, Step 4
Design 2 proposals for a website to showcase your typeface. Your site should include a specimen and a showcase of the type in use. Additionally, as part of your final site your letters should be able to transition between at least 2 different states.
April 20, Monday
- Discuss two proposals for specimen website.
- Work time.
For April 23, Thursday
- Continue to build your letters, start to build your website.
April 23, Thursday
- Work time.
For April 27, Monday
- Continue to build your letters and site.
On Monday we'll have a in progress crit on Project 3, come with a plan on how to use this time to get feedback from your peers about your project.
Are you interested in feedback about your letters, your site design, the interaction or transition of your letterforms? This is your opportunity to get that feedback.
April 27, Monday
Mid Crit on Project 3
Karina
Ana
Sarah
Samiyah
Yiting
Joe
Saif
Cathy
Mika
For April 30, Thursday
- Continue to make progress on your letters and final site.
April 30, Thursday
- Read and discuss on My website is a shifting house next to a river of knowledge. What could yours be?
- Work time on building Project 3
For May 4, Monday
- Continue to build your letters and site.
May 4, Monday
- Work time on your letters and site.
For May 7, Thursday
- Continue to build your letters and site.
May 7, Thursday
- Read and discuss To my students, Brent A. Yorgey
- Work time on our sites.
For May 11, Monday
- Have your typeface and site finished for final crit.