Week 16, January 22

Welcome Back #

We’ll start with a quick round of hellos/introductions (mainly for Eric)—tell us your name, your pronouns, where you’re from, and maybe what you did over break? Eric gets to go first!

Our Class

Round Two #

Let’s look at the plan for our second semester:

Our Syllabus

Starting Our Next Project #

To leave some more time for the design and technical side of our next project, we’re going to get a head start this week on our content.

We’ll be using Are.na—a tool for collecting and organizing links, and finding design inspiration. (Some featured channels, to get the overall vibe.)

Let’s talk through how we’ll use it in the project:

Project 4: Links

Let’s Make a Web Page #

We know it’s been a while! So let’s “get the blood flowing” again—we’re going to make a new “landing page” to link to our previous projects:

• Head to your GitHub and make a new repo: username.github.io

  This is a special name that GitHub will make directly available at https://username.github.io/

• Clone the repo down, open it in VS Code, and add a classic index.html file—with your name and links to your previous three projects, nothing fancy

• Commit and push, then enable Pages and add the link to the repo’s About section

• Pull in our reset.css locally, for a nice, clean slate, and let’s make it responsive with the viewport tag

• Add in some basic styles, using our old friends CSS variables and a media query

Just like riding a (code) bike!

For Next Week #

• You’ll be completing the first milestone of your Links project:

  Project 4 Assemble a Collection

• Sign up for Are.na, create your channel and and gather the items, tidy up your metadata, and write a description. When you’re done, submit your URL s:

  Submission Form

• We’ll be properly starting into our fourth unit, Interface as Interface. Read both our reading selections, in preparation:

  • I Am a Handle
    Rob Giampietro, 2012

  • Sometimes It Looks Like a Duck,
    Sometimes It Looks Like a Rabbit
    Jack Balkin, Dan Michaelson, 2012

• Add your reading synthesis, as we did in the Fall:

  Unit 4 Reading Responses

• Last, get your landing page live with working links (if you didn’t get there during class today).

  These don’t need to be in any way “done”—we’ll be revisiting/noodling on them over the semester as part of our ongoing exercises. Send us your URL s for these, too:

  Submission Form