surf

Aufgabe

Sharing is Caring, Surfen ist ein Skill:
Sammelt Links und erstellt eine „Karte“, auf der ihr diese Links präsentiert und mit anderen teilt.

Min. 10 Webseiten / Links.

Beginnt mit einer Skizze auf Papier, um euch Konzept und Komposition zu erarbeiten!

Wenn ihr mit Farben arbeitet: Welche Farbe(n) wählt ihr und warum? Welche Information(en) lassen sich damit vermitteln?

Position: Welche Art der Komposition wählt ihr und warum? Auf welche Weise ladet ihr Besucher*innen zum Surfen ein? Welche Informationen könnt ihr durch die Positionierung vermitteln?

Beispiele

• Bsp. 1
• Bsp. 2
• Bsp. 3

Hilfsmittel

How To

• Bild einfügen
• Hintergrundbild einfügen
• :hover

u.U. Hilfreiche Eigenschaften

• border
• border-radius (Generator)
• box-shadow (hier ein Generator, allerdings px-basiert und nicht vw)
• blur-Filter
• opacity/Deckkraft
• scale
• rotate

Hilfsmittel für Verläufe

• CSS Gradient
• Gradient Generator

Ausgangspunkte

• Wiby
• Internet Phone Book
• Cloudhiker
• Online-Radio-Sammlung
• HTML-Graffiti-Sammlung
• Webdesign-Showcases
• Neocities
• Marginalia Search
• Google Bildersuche
• Wikipedia (siehe auch The Wiki Game)

Inspiration

• cameronsworld.net
• localhost.starstar.website
• gijs.garden
• urlis.love
• hier-eisenreich.org
• jhuang.design
• sigveknutson.com
• geokash.com
• documentservices.org
• sallythurer.com/
• textfiles.com/underconstruction/