For Jan 23, Thursday
We'll be meeting in W2 in the Main Building for this session of the class.
Bring your computer!
Jan 23, Thursday
- Introductions and class overview.
- Go over syllabus.
- Talk about our histories with computers.
- Introduce Exercise: Instruction.
For Jan 27, 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 27, 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 30, 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.
- Read a Handmade Web and respond in the Week 2 Doc before class starts.
Jan 30, Thursday
- Discuss a Handmade Web.
- Talk about HTML Doc Standards.
- Go Online.
- Review Sketches for List Poetry.
- Work time on building your selected List Poetry direction.
For Feb 3, 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 3, Monday
- Review List Poetry outcomes.
- Intro to CSS Lecture
- Start Musica Viva
For Feb 6, Thursday
- Read a view source web and respond in the Week 3 Doc
- 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 6, Thursday
- Reading Discussion on a view source web.
- CSS Positioning, Floats, Transforms Lecture.
- Introduce Project 1
- Work on Musica Viva
For Feb 10, 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 10, Monday
- Lecture on Flexbox and Grid.
- Discuss our articles for Project 1.
- Work on Musica Viva.
For Feb 13, 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!
- Read Grid World and respond in the Week 4 Doc
Feb 13, Thursday
- Reading Discussion on Grid World
- Talk about Web Fonts.
- Show examples of Fonts & Structures
- 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 17, 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 17, Monday
- Lecture on CSS Transitions and Animations.
- Review Designs for Project 1 and start building.
- Worktime on starting to build wikizine
For Feb 20, Thursday
- Read This is Not my Beautiful House and respond in the Week 5 Doc.
- Make progress starting to build your site
Feb 20, Thursday
- Reading Discussion on This is Not my Beautiful House
- History of Interface Lecture
- Work time on Project 1
For Feb 24, 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 24, Monday
- 33% Build Check In.
- Make progress building your site
For Feb 27, Thursday
- Continue to make progress on Project 1
- Read The Internet Isn't Meant to be so Small and respond in the Week 6 Doc
Feb 27, Thursday
- Reading discussion on The Internet Isn't Meant to be so Small
- Work time on Project 1.
For March 3, Monday
Finish Project 1 and upload it to your class site prior to class.
March 3, Monday
Final Crit Project 1, we'll go in the following order. Make sure to have your site uploaded to Fluxus.
eme
bea
baina
haotian
audrey
erika
alla
lehan
chris
hyein
danny
yudi
finnley
vicky
vivi
For March 6, Thursday
- Watch Derek Watkins at Eyeo 2017 and respond in the Week 7 Doc.
- Find 3 unusual interactions for Project 2 and link them in the Week 7 Doc.
- Complete Codecademy Introduction to Javascript: Variables Email me a screen shot of Syllabus Panel with all the steps complete.
March 6, Thursday
- Discuss Derek Watkins at Eyeo 2017
- Intro Project 2
- Talk about our unusual interactions.
- JS Intro Lecture
- Complete Project 2 Step 1 in class.
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: Conditionals and Codecademy Introduction to Javascript: Functions. Email me a screen shot of Syllabus Panel with all the steps complete.
March 10, Monday
- Review Sketches of interaction showcases.
- Begin working on hi fidelity designs for our showcases.
- Demos of things that are in people's sketches.
For March 13, Thursday
- Read Rozendaal: The Path to Abstraction and respond in the Week 8 Doc
- 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: Arrays Email me a screen shot of Syllabus Panel with all the steps complete.
March 13, Thursday
- Discuss Rozendaal: The Path to Abstraction.
- Review designs for Project 2 Step 3 in small groups.
- Work time on building our sites.
For March 17, Monday
- Work on building your interaction showcase for Project 2.
- Complete Codecademy Introduction to Javascript: Loops Email me a screen shot of Syllabus Panel with all the steps complete.
March 17, Monday
- Work day!
For March 20, Thursday
- Continue to make progress on building your Project 2.
For March 20, Thursday
- Continue to make progress on building your Project 2.
March 20, Thursday
- Work day!
For March 31, Monday
- Finish Project 2 and have it uploaded to your class site for crit!
March 31, Monday
Final Crit Project 2. Order is as follows:
vicky
finnley
audrey
chris
eme
alla
bea
yudi
hyein
danny
baina
vivi
erika
haotian
lehan
For April 3, Thursday
- Read Computed Type and respond in the week 10 doc.
- Choose 3 Letters in Spreadsheet Typeface and design black and white letters inside the grid. Don't modify the grid itself!
April 3, Thursday
- Reading Discussion on Computed Type
- Talk about Spreadsheet Typeface.
- Introduce Project 3
- Begin Project 3, Step 1 in class.
For April 7, Monday
Sketch three unique directions for your typeface in a design tool. Conceptually and formally, each direction should be uniquely different 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 7, Monday
- Group crits on our sketches.
- Begin Project 3, Step 2 in class.
For April 10, Thursday
- Finish Project 3, Step 2.
- Read 10,000 Original Copies and respond in the Week 11 Doc
April 10, Thursday
- Reading discussion on 10,000 Original Copies.
- Letter Construction Demo
- Begin Project 3, Step 3 in class.
For April 14, 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 14, Monday
- Check in on your letters.
- Continue to build your letters.
For April 17, Thursday
- Continue to make progress on your letters.
- Read the Web's Grain and respond in the Week 12 Doc
April 17, Thursday
- Reading discussion on the Web's Grain.
- Demo on media queries.
- Work time on your letters
For April 21, 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 21, Monday
- Discuss two proposals for specimen website.
- Work time.
For April 24, Thursday
- Continue to build your letters, start to build your website.
For April 24, Thursday
- Continue to build your letters, start to build your website.
April 24, Thursday
- Work time.
For April 28, 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 28, Monday
Mid Crit on Project 3
chris
baina
finnley
hyein
lehan
alla
bea
vivi
vicky
erika
eme
yudi
danny
audrey
haotian
For May 1, Thursday
- Read My website is a shifting house next to a river of knowledge. What could yours be? and respond in the Week 14 Doc.
- Continue to make progress on your letters and final site.
May 1, Thursday
- Reading Discussion on My website is a shifting house next to a river of knowledge. What could yours be?
- Work time on Project 3.
For May 5, Monday
- Continue to make progress on Project 3.
May 5, Monday
- Work time on Project 3.
For May 8, Thursday
- Continue to make progress on Project 3.
May 8, Thursday
- Crit for Lehan and Danny who can't join us Monday.
- Work time on Project 3.
For May 12, Monday
- Final crit Project 3
May 12, Monday
Final Crit Project 3, make sure your site is uploaded to Fluxus and that Will has a link to your Project 3
Our order is as follow:
vicky
chris
finnley
alla
eme
hyein
bea
vivi
erika
audrey
baina
haotian
yudi