Digital and Emerging Media Design I

#01

Tu 16 Jan

Th 18 Jan

• Introduction
• Sign up for GitHub
• Start blog
• Fill out class survey

• Start Recipe
• Start Self-publishing

#02

F 19 Jan

M 22 Jan

• 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

Tu 23 Jan

Th 25 Jan

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

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

• Option 1: HTML & CSS, ch. 2 (HTML text), 12 (CSS text)
• Option 2: MDN Getting Started, CSS text fundamentals, How CSS works, and Fundamental text and font Styling
• How to succeed in this class

• By the end of class, complete HTML and some CSS for Recipe
• Studio 

#04

F 26 Jan

M 29 Jan

• GitHub workflow
• Citing code sources

• Option 1: HTML & CSS, ch. 3 (lists), 13 (boxes)
• Option 2: MDN Styling lists, Box model recap, Background styles, and Borders
• Naming files
• Optional: Lynda.com intro to managing files and folders (sign in through AU library site)

• Questions and work, then semifinal critique for Recipe
• During class, publish Recipe site on GitHub Pages

#05

Tu 30 Jan

Th 1 Feb

• Links, paths, and URLs
• Explaining designs; process

📎 Links demo: Links files (ZIP);
Example type/image/color sheets (PDF)

• Option 1: HTML & CSS, ch. 4 (links)
• Option 2: MDN Creating hyperlinks
• UX Sketching
• The Lost Art of Thumbnail Sketches
• How to Survive a Critique: A Guide to Giving and Receiving Feedback

• Final critique for Recipe ✭
• Start Story

#06

F 2 Feb

M 5 Feb

• Finding, compressing, and adding images
• Backgrounds

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

• Option 1: HTML & CSS, ch. 5 (images)
• Option 2: MDN Images in HTML

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

#07

Tu 6 Feb

Th 8 Feb

• Designing with grids
• Comparing CSS layout methods
• CSS Grid

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

• Option 1: HTML & CSS, ch. 15 (CSS layout)
• Option 2: MDN Introduction to CSS layout
• An Introduction to the CSS Grid Layout Module
• Start listening to Manoush Zomorodi, The Privacy Paradox (complete the activities, if you’d like)

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

#08

F 9 Feb

M 12 Feb

• Section 2: Images

• Continue listening to The Privacy Paradox

• Studio 

#09

Tu 13 Feb

Th 15 Feb

• Layout exercise
• Color models

📎 Layout exercise (ZIP)

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

#10

F 16 Feb

M 19 Feb

• Bodega and backlash/criciticsms plus skepticism about logistics

• Studio 

#11

Tu 20 Feb

Th 22 Feb

• Mobile/multidevice

🌄 Grids (PDF)
📎 Responsive demo + exercises (ZIP)

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

#12

F 23 Feb

M 26 Feb

• Small-group critiques/tech advice

#13

Tu 27 Feb

Th 1 Mar

• Studio 

#14

F 2 Mar

M 5 Mar

• Navigation
• HTML/CSS menus

📎 Navigation demo: start (ZIP), complete (ZIP)

• Final critique ✭ for Story

#15

Tu 6 Mar

Th 8 Mar

• Template-based sites, content management systems, and static site generators
• Jekyll and GitHub Pages

🌄 template-based site slides (PDF)
web1-sp (GitHub project)

• Focus on blogs
• Submit story by 9 March: upload to Dropbox or email address of the site on GitHub pages

#16

F 9 Mar

M 19 Mar

• Frank Chimero, The Web’s Grain

• Template workshop

#17

Tu 20 Mar

Th 22 Mar

• Ethan Zuckerman, The Internet’s Original Sin
• Zeynep Tufekci, Facebook’s Ad Scandal Isn’t a ‘Fail,’ It’s a Feature

• Template workshop
• Start Conference

#18

F 23 Mar

M 26 Mar

• Privacy and agency on the Internet

• Anil Dash, The Web We Lost
• Anil Dash, Rebuilding the Web We Lost
• Finish listening to the Privacy Paradox for this class

• Show blogs

#19

Tu 27 Mar

Th 29 Mar

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

• Give five-minute presentation of two conference ideas

#20

F 30 Mar

M 2 Apr

• Critique design concepts for Conference

#21

Tu 3 Apr

Th 5 Apr

• Watch Objectified
• Section 2: Submit two favorite quotes
• Section 1: Discuss film

• On Web Typography, Jason Santa Maria

#22

F 6 Apr

M 9 Apr

• Small group critiques
• Studio 

#23

Tu 10 Apr

Th 12 Apr

• Accessibility

📎 Accessibility example (ZIP)

• Allison Arieff, Designing for access

#24

F 13 Apr

M 16 Apr

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

• Studio 

#25

Tu 17 Apr

Th 19 Apr

• Mark Boulton, Visual Design is Not a Thing

#26

F 20 Apr

M 23 Apr

• Website hosting

🌄 Hosting slides (PDF)
Responsive demo + exercises (ZIP)

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

#27

Tu 24 Apr

Th 26 Apr

• Studio 

#28

F 27 Apr

M 30 Apr

• Last group critique for projects ✭