One Day Websites

Keywords:

Description

A method designed by Jeremy Keith, applied at the New Digital School, Porto:

Day four was a deliberate step away from [hands-on coding]. No more laptops, just paper. Whereas the previous days had focused on collaboratively working on a single document, today I wanted everyone to work on a separate site.

The sites were generated randomly. I made five cards with types of sites on them: news, social network, shopping, travel, and learning. Another five cards had subjects: books, music, food, pets, and cars. And another five cards had audiences: students, parents, the elderly, commuters, and teachers. Everyone was dealt a random card from each deck, resulting in briefs like “a travel site about food for the elderly” or “a social network about music for commuters.”

Read a more detailed write-up here.

Future Retro

Description

An assignment by Boris Müller, Professor for Interaction Design at FH Potsdam

In 2017, I gave a web design class at the Interface Design Programme in Potsdam, Germany. Each team was asked to come up with a redesign for an existing website. The assignment was very clear: Treat the browser as a blank canvas and create expressive, imaginative visual experiences. Use the technological potential of current web technologies as a channel for your creativity. Do not be constrained by questions of usability, legibility, and flexibility. Have an attitude. Disregard Erwartungskonformität.

The results: https://interface.fh-potsdam.de/future-retro/

Source: Why Do All Websites Look the Same?, Medium, Oct 30 2018

Student Bio Website

Keywords: ,

Description

Use the basics of HTML to make a personal website.

Source: Sara Shields, web design and publishing course, Texas State University.

CSS Zen Garden

Keywords: ,

Description

In this assignment, students create their own version of the CSS Zen Garden.

Source: Scott Granneman, teaching at Washington University, St. Louis.