Digital and Emerging Media Design I

#01

M 27 Aug

• Introduction
• Fill out class survey

• Start Recipe

#02

Th 30 Aug

• Capturing meaning with HTML
• CSS typography
• Typographic markup (headers, paragraphs, lists, and inline elements)

📎 First site: Basic site (ZIP), Shape of Design excerpt (TXT), Text Fixer

• Read the syllabus, class schedule, starting and submitting, and citations and copyright.
• HTML & CSS, ch. 1 (available for download)
• Do you know how to manage files and folders on a Mac? If you have any doubts, start working through sections two and three of the Lynda Computer Literacy for Mac course. (Sign in through the AU Library.)

• Bring in a possible recipe

#03

Th 6 Sep

• The box model
• Classes and IDs
• DIVs and sectioning content

📎 Layout/typography demo (ZIP), complete (ZIP)

• HTML & CSS, ch. 2 (HTML text), 12 (CSS text)
• How to succeed in this class

• Complete HTML for Recipe

#04

M 10 Sep

• HTML & CSS, ch. 3 (lists), 13 (boxes)
• Naming files
• Optional: Lynda.com intro to managing files and folders (sign in through AU library site)

• Studio 
• Start Story

#05

Th 13 Sep

• Links, paths, and URLs

📎 Links demo: Links files (ZIP)

• HTML & CSS, ch. 4 (links)
• How to crit

• Critique Recipe ✭
• Story: give a three-minute presentation about two possible Wikipedia articles.

#06

M 17 Sep

• Citing code sources
• Process
• Sketching for multiple screens

📎 Sketch templates (PDF)

• The Lost Art of Thumbnail Sketches

• Story: show color swatches, type samples, and image samples. Have this material printed at the start of class. (See example sheets (PDF).)
• Studio 
• Create site map during class

#07

Th 20 Sep

• Images
• Backgrounds
• Finding images

📎 Positioning and image demo: Example vector images (ZIP); Complete image demo (ZIP);
Image exercise (ZIP)

• HTML & CSS, ch. 5 (images)
• Start listening to Manoush Zomorodi, The Privacy Paradox (complete the activities, if you’d like)

• Look at site maps

#08

M 24 Sep

• Comparing CSS layout methods
• CSS Grid

📎 Sketch templates (PDF); Grid example (ZIP)

• Defining a grid (video)
• The fr unit (video)
• Auto-placement and order (video)

• Critique/studio 

#09

Th 27 Sep

• CSS Grid exercise

📎 Layout exercise (ZIP)

• Look at Jen Simmons Labs
• Look at Rachel Andrew, Grid by Example

#10

M 1 Oct

• Grids
• Web hosting and publishing sites

🌄 Grids (PDF)

• Bodega and backlash/criciticsms plus skepticism about logistics

• Layout workshop 

#11

Th 4 Oct

• Navigation
• HTML/CSS menus

📎 Navbar demo (ZIP); Navbar exercise, complete (ZIP)

• How to Crit
• “Hierarchy” article on Thinking with Type

• Studio 

#12

M 8 Oct

• Type hierarchy

📎 Type sample (ZIP)

• HTML & CSS, ch. 11 (color)
• Option 2: MDN Color (in CSS units article)

• Studio 

#13

Th 11 Oct

• Color models and transparency
• Web hosting and publishing sites

🌄 Hosting slides (PDF)

• Studio 

#14

M 15 Oct

• Anil Dash, The Web We Lost
• Anil Dash, Rebuilding the Web We Lost

• Studio 

#15

Th 18 Oct

• Large group critique for Story

#16

M 22 Oct

• Final critique for Story ✭
• Start Conference

#17

Th 25 Oct

• Privacy and agency on the Internet

• Ethan Zuckerman, The Internet’s Original Sin
• Zeynep Tufekci, Facebook’s Ad Scandal Isn’t a ‘Fail,’ It’s a Feature
• Finish listening to the Privacy Paradox for this class

• Present two conference ideas

#18

M 29 Oct

• Mobile, multidevice, and media queries

📎 Responsive demo + exercises (ZIP)

#19

Th 1 Nov

• Responsive sites and typography

📎 Demo (ZIP)

• Studio 
• Critique design concepts for Conference

#20

M 5 Nov

• Visit to Huge 🏢 (meet at 3:15 pm)

• Amy Papelias, Facing Our Fears: Teaching Type on the Web

#21

Th 8 Nov

• Studio 

#22

M 12 Nov

• Visit from Ross Nover of Friendly Design Co.
• Accessibility

📎 Accessibility example (ZIP)
📎 Accessibility exercise (ZIP)

• Tom Graham and André Gonçalves, Stop Designing for Only 85% of Users

• Start Attention

#23

Th 15 Nov

• Think about questions for Ross Nover (Friendly Design Co.)

• Allison Arieff, Designing for access

• Studio 
• Start Attention

#24

M 19 Nov

• Wireframes, mockups, and prototypes
• Rescheduled visit from Ross Nover of Friendly Design Co.

• Frank Chimero, The Web’s Grain

#25

M 26 Nov

• Mark Boulton, Visual Design is Not a Thing

• Studio 

#26

Th 29 Nov

• Ingrid Burrington, Why Amazon’s Data Centers are Hidden in Spy Country

#27

M 3 Dec

• Website hosting

• Studio 
• Presentations for Attention ✭

#28

Th 6 Dec

• Last group critique for projects ✭