1

January 18

January 18

In class

  1. Review syllabus
  2. Brief history of the web
  3. Break–
  4. Introductions
  5. What is a website?

For next week

  1. Project 1: Complete Levels 1 and 2
  2. Coding: Read through HTML Basics and CSS Basics
  3. Set up your Github account
  4. Reading: Olia Lialina, Vernacular Web
  5. Research: Find a website that reminds you of a zine for some reason, and add it to Are.na.
  6. If you need some help with coding or want to chat 1-on-1, sign up for office hours Sunday 6-8pm.

2

January 25

January 25

In class

  1. In pairs or alone, brainstorm and add the following to this Figma document:
    • Olia Lialina's text is from 2007. If you were to update it for 2023, what visual trends, elements, or other styles would you add to a list of current web vernaculars? Add a screenshot!
    • The first project is a webzine. What characterizes a printed, analog zine? What opportunities are there to translate a zine to the web? Take a look at Are.na, or at physical zines in the classroom.
  2. Share Project 1: levels 1 and 2. Let's see work from six people today. We'll talk about six other projects next week, and six more the week following.
  3. Break...
  4. Announcements
    • Qiang's Office hours
    • Project 1
    • Topics presentations–when to wrap?
  5. Coding: HTML recap + CSS intro
  6. Exercise: But make it...

For next week

  1. Project 1: Complete Levels 3 and 4
  2. Coding: Read CSS 2: Box model
  3. Reading: Excerpts from Octavia Butler and Samuel Delany, The Value of Literacy
  4. Reading: Frank Chimero, The Web's Grain
  5. Research: Find at least one example of interesting typography online. Add it to Are.na.

3

February 1

February 1

In class

  1. Collective annontation. Review the reading by Octavia Butler and Samuel Delaney: Google Doc. In at least two places, respond to something in the text. Add a note, question, link, or thought directly to the Google Doc. If you open the page in a private window, you can edit anonymously. (20min)
  2. In groups of four, share work in progress on the webzine. Each person should introduce their project with the following. (40min)
    • What is the audience for your webzine?
    • What connects the texts you chose?
  3. Announcements
    • A few updates to the P3, Topics presentations. We'll present in class. This is a group project. Find a partner, and sign up for a topic and a date here.
    • Webzine. We'll present these during Open Studios, April 13 and 14. More on planning that in a few weeks...
  4. CSS Layout Part I (30min)
  5. Break & Exercise: An arrangement of pictures
  6. Look at Typography online examples.
  7. Rosa and Qiang share some work.

For next week

  1. Project 1: Complete Level 5
  2. Coding: Read through CSS 3: Layout
  3. Reading: Close to the Metal: The value of reintroducing friction into our interactions with computers by Emma R. Norton

4

February 8

February 8

In class

  1. In groups, look at the examples of Typograhy on the web. On at least one block (that somebody else added), add a comment that includes:
    • A credit for who designed the site, if you can find it.
    • A description of what makes the typography notable. I'm curious: what effect does the design have on the content? Positive or negative ;)
    • We'll quickly share in 20min.
  2. Housekeeping~~

    • Take a look at the Topics Presentations. I moved a few dates and subjects around. A few people did not choose a subject–can you do that today? If not, I will assign a topic.
    • Does anybody want a Figma demo?
  3. In groups, talk about the webzine project: Groups here. Goals for today:
    • What is the overall concept for your webzine? I'm curious about the content and the audience. Can you find at least 10 pieces of content?
    • Of the pages you've made so far, which version feels most interesting to you? I'm curious how the design choices relate to content and audience. How might you expand and apply this design language to the whole collection?

For next week

  1. Coding: Read CSS animations + transitions
  2. Project 1: complete Level 6. Also, start to collect a few more entries in your zine–the finished project should have at least ten pages.
  3. Exercise: Ambient website
  4. Find two websites with unusual hover states or animations, and add that to Are.na
  5. Read or listen to HTML energy: Neta Bomani & Ritu Ghiya

5

February 15

February 15

In class

  1. Brainstorm: Website as...
  2. Share Ambient websites.
  3. Look through Hover states.
  4. Media queries and responsive design
    Ane then Exercise: Website as...
  5. Second half of class

For next week

  1. Finish Exercise: Website as...
  2. Coding: Read Responsive design & Media Queries
  3. Project 1: Finish levels 7 and 8. Next week we'll talk about Navigation. Heads up... this project should be complete March 7.
  4. Research: Find two websites with interesting navigation, and add those to our Are.na channel.
  5. Read Jill Lepore: Can the Internet be Archived?
  6. Topic presentation #1: Uri

6

February 22

February 22

In class

  1. Topic presentation #1: Uri

For next week

  1. Topic presentation #2: Philomena Wu
  2. Topic presentation #3: Gabby Uy & Cleo Maloney

7

February 29

February 29

In class

  1. Topic presentation #2: Philomena Wu
  2. Topic presentation #3: Gabby Uy & Cleo Maloney

For next week

  1. Finish Project 1: Webzine. We'll critique this project next week.
  2. Topic presentation #4: Malia Kuo & Alana Liu & Karen Lin
  3. Topic presentation #5: Gabriella N. Báez

8

March 7

March 7

In class

  1. Review Project 1: Webzine
  2. Topic presentation #4: Malia Kuo & Alana Liu & Karen Lin
  3. Topic presentation #5: Gabriella N. Báez

For next class

  1. Topic presentation #6: Chris Cole
  2. Topic presentation #7: Evan Kirkiles

9

March 28

March 28

In class

  1. Topic presentation #6: Chris Cole
  2. Topic presentation #7: Evan Kirkiles

For next week

  1. Topic presentation #8: Hongting Zhu & Xiwen Zhang & Becca Cheng
  2. Topic presentation #9: Cierra Peters

10

April 4

April 4

In class

  1. Topic presentation #8: Hongting Zhu & Xiwen Zhang & Becca Cheng
  2. Topic presentation #9: Cierra Peters

For next week

  1. Topic presentation #10: Hasti

11

April 11

April 11

In class

  1. Topic presentation #10: Hasti

For next week

  1. Topic presentation #11: Jaamal Benjamin

12

April 18

April 18

In class

  1. Topic presentation #11: Jaamal Benjamin

For next week

  1. Topic presentation #12: Richard Corrente

13

April 25

April 25

In class

  1. Topic presentation #12: Richard Corrente

For next week

Software for People