Kickoff

surprise (überraschen)
und
delight (Freude bereiten)

Erklärungen

• Anatomie einer Webseite, oder:
  Wo kommt was hin? inkl. „Bild einfügen“
• Github Copilot für Studierende freischalten

Starter-Kit

• Starter-Kit basic mit reset

TODO

• siehe Zeitplan: delight (Freude bereiten)
• falls ihr das wollt: Github Copilot für Studierende freischalten

Links zum Thema Kamera / capture

• Shrub
• poetry.camera
• Camera Restricta
• Public Face II (Hamburg)
• … A Camera Drama

TODO (I)

• capture (erfassen)
• How-To Animieren: Video-Tutorial zu CSS Animationen und ein animierter Kopf

TODO (II)

• Visual Studio Code und Github Desktop installieren: Hier ist Svens Anleitung

Link-Dump zum Thema Navigation, Bewegung, umherschweifen

• Laura Defayes FOMO Survival Kit
• Julius von Bismarck Top Shot Helmet
• Tim Knowles Windwalks (mehr Bilder)
• OpenGuessr (kostenlose Variante von GeoGuessr)
• Wonders of Street View
• Radio Garden
• LandLines (siehe auch Oko)
• Trailblazers Event
• Wikipedia Game

Materialien

• Intro HTML
• Intro CSS
• Seite aus Codepen exportieren und Sebastian zukommen lassen

TODO

• walk fertigstellen, die Anweisungen aus Codepen exportieren und als ein gebündeltes ZIP hochladen (Anleitung ist am Ende der Slides).

Abgemacht war:

• Eine eurer Anweisungen enthält eine Aufgabe, etwas zu sammeln
• ihr führt den Walk aus bzw. soweit ihr eben kommt (nehmt euch Zeit!)
• zum nächsten Termin bringt ihr alles Gesammelte mit

Wir haben uns heute langsam dem Interaction Design genähert und dabei u.a. Animal Superpowers von Chris Woebken und Kenichi Okada, My Little Piece of Privacy von Niklas Roy sowie Somebody von Miranda July angeschaut.

Anschließend haben wir uns an das Miniprojekt type (tippen) gewagt.

Materialien

• Wie mensch HTML-Tags schreibt, knapp zusammengefasst
• wen es interessiert: Alle HTML-Tags, die es gibt

Todo I

• Fertigt in eurem Zweierteam zwei „ASCII-Art-Animationen“ an. Schaut, was ihr aus pre und marquee gestalterisch herausholen könnt. Arbeitet nicht gegen das Medium (komplizierte Ideen, die sich schwer umsetzen lassen), sondern mit dem Medium (was geht gut damit, was sind Stärken und interessante Limitierungen?). Ihr könnt auch komplett abstrakt und mit Mustern o.ä. arbeiten.

Todo II

• Führt einen der Audio-Walks durch: walk