Web & Interaction




✤ w/ raegan dragon ✤

Schedule

Final

✤

✤



✤ ✤   Class Pages ✤ ✤




✤

✤



✤

✤



✤ ✤   25 Variations ✤ ✤




✤

✤



✤

✤



✤ ✤   Seeds ✤ ✤




✤

✤



Hosting / Server

✤ Server login details

Cargo Collective



✤ Pretty extensive cargo walkthrough ✤ Adding a tag navigation menu ✤ Adding a tag navigation menu ✤ Removing the default drop shadow on images ✤ Sites built on Cargo ✤ More Cargo html/css customizations

Accessibility

✤ Against- color combinations generator ✤ Alt-text as poetry ✤ Color Contrast Analyzer

Layouts

✤ Jen Simmons Labs ✤ CSS Grid Generator ✤ Grid by Example ✤ More Grid Layout References ✤ Layout Generator ✤ Learn Layout ✤ Positioning

Time Management, Deals, and planning

✤ ACCOUNTABILITY DOCUMENT
✤ Pomodoro technique for working and breaks
✤ Using Google Calendar for project management
✤ News Feed Eradicator

CSS

✤ CSS presentation ✤ 25 Variations Project Specs ✤ CSS Cheatsheet ✤ Laurel's Basics of CSS video ✤ Every color name ✤ Gradients ✤ Tool tips ✤ Images ✤ Styling Images

Cyberfeminism & Web Art

✤ Maya Man- How to Use a Computer,
✤ Excellences & Perfections Amalia Ulman,
✤ Jennicam ✤ Dorian Electra
✤ Ann Hirsh
✤ Katriona Beales ✤ Juliana Huxtable
✤ Cyberfeminism Index

Linking

✤ De-bug me, linking exercise ✤ Hyperlinks
✤ File structure / organization for links that work!
✤ Styling links

The Box Model

✤ Inline text boxes ✤ Block text boxes ✤ Position Absolute ✤ Inline-block text boxes ✤ all HTML elements and how they behave

HTML Skeleton

Our humble beginnings:
✤ Setting up your first webpage
✤ Food Fight ✤ Frame Work ✤ HTML cheat sheet

Podcasts and Talks

✤HTML Energy
✤John Provencher Talk on chance, accident, and creativity
✤All Watched Over by Machines of Loving Grace—Richard Brautigan poem
✤“Grrls Need Modems” with Mindy Seu
✤Meme Town Hall

The Handmade Web

✤ Handmade Redesign Project
✤
A few handmade sites to reference:

✤ Virtual Dollhouse ✤ My Boyfriend Came Back from War ✤ Sound Room ✤ Doors I Touched Today ✤ A Train Arrives at a Station ✤ The HTML Review

Readings

✤ My website is a shifting house next to a river of knowledge ✤
✤ A Handmade Web — J.R. Carpenter ✤
✤ Into the Archives: An Interview with Folder Studio ✤
✤ The Secret History of Women in Coding ✤
✤ Interview with Chia Amisola by Meg Miller ✤
✤ PIRATE LIBRARIES and the fight for open information by Sarah Hamerman ✤

Thank you to Laurel Schwulst and John Provencher, who inspired the structure of this class, and provided the framework for many of these lessons to be taught.

✤    ✤    ✤    ✤    ✤   ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤    ✤   ✤    ✤    ✤    ✤    ✤    ✤

Schedule