Wir haben an den Projekten gearbeitet.

TODOs

• Für Einzelgespräche eintragen
• Bitte kommt gut vorbereitet. Denkt daran: Verliert euch nicht in eurem Code. Erstellt z.B. Storyboards, Skizzen, Collagen/Entwürfe auf Papier / in einem Grafikprogramm, bevor ihr in das Programmieren einsteigt. Per Code wiederum könnt ihr erste Skizzen anfertigen um herauszufinden, ob das, was ihr vorhabt, funktioniert.

Heute haben wir mit KI kleine Javascript-Schnipsel generiert und über Slider gesprochen.

CodePens

• Zustandsänderung durch Click
• Click für einen Ton – hier haben wir ein zweites Script generiert, das bei jedem Klick auf ein .quadrat einen vom Browser synthetisierten Ton abspielt. Das Script haben wir unter unserem ersten Script eingefügt

Tutorial: Eigene Seite publizieren

Seite online publizieren

TODOs

• Falls ihr noch unsicher seid: üben :)
• Projekt weiterverfolgen; (Code-)Skizzen und Collagen usw anfertigen.
  Unter Umständen auf eine realistische Größe/Komplexität reduzieren (was traut ihr euch zu?!). Es ist besser, das Projekt/Konzept einfach zu halten und mehr Zeit für das Design zu haben, als sich im Code(en) zu verlieren!

Neu

• Zeitplan

Angeschaute Links

• Mickie: ONE BUTTON NIPPLE GOLF
• Mathew Rayfield: Popup Trombone
• Bernadette Geiger: Womxn inventing the Internet
• Computer Grrrls
• Mindy Seu: Cyberfeminism Index
• wollte ich zeigen, kam aber nicht mehr dazu: queeringthemap.com
• Simon Baer: Cannot sleep with snoring husband
• Lina Schwarzenberg & Emily Krause Exit Staubi

Tools

• Invite Are.na-Gruppe
• Link zur Are.na-Gruppe
• Visual Studio Code
• Starter-Kit basic mit reset

Übung im Kurs

• Portrait

TODO (I)

• Wie geht es für euch weiter: Projektidee(n), Skizzen, Links etc. mitbringen. Wir sprechen dann gemeinsam darüber. Ihr könnt dafür gerne euren Are.na-Account verwenden.

TODO (II)

Aufgabe für die nächsten Wochen:

• Gemeinsam sammeln und überlegen how to: publish online collaboratively und how to: make public / find a public

Zusätzlich habe ich noch einen Channel Surfclub abgelegt. Speichert dort gerne ab, was euch Spannendes beim Surfen begegnet ist.

Links etc. verwalten

• Are.na?

Materialien

• Intro CSS
• CSS, u.a. font-size, font-family, font-weight, font-style, line-height, color, background-color, margin, padding, border

Links

• Trailblazers Event
• Notpron
• Chia Amisola: z.B. Internet Ambient (Performance), All I Love
• Lyra Rebane: Antonymph
• Tiger Dingsun: Reading Machines

TODO

• Fünf Seiten für :hover-Performance
  bei der Wahl eures Materials seid ihr frei

Links zum warm werden

• Checkbox Race (Teil der Checkbox Olympics)
• Pitscher.net: Clicker
• Pitscher.net: Mousemoves

Materialien

• gemacht: die Übung Hack
• Input zu HTML

TODO

• Die Übung Eine Seite voller Links machen
• Wer mit Pop-Ups-Fenstern arbeitet, kann gerne einen Blick auf die Arbeiten von Chia Amisola werfen