Drawbot —
Übungen

Sommer
arbeit
CAS

Ziel:

— Auffrischung und Weiterführung der Drawbot-Übungen

— Programmierung von CSS-Grid-Raster und HTML

— Aufschaltung der Website

Vorgang:

— Erstellen der Gifs im Drawbot:
Repetitionen von Gelerntem, aber auch Abänderungen von bestehenden Vorlagen
(https://www.harbortype.com/how-to-animate-variable-fonts-using-python-and-drawbot/
und von Jamested Mondson)

— Aufbereitung einer Gratisschrift zur woff-Datei. Programm: Glyphs

— Erstellung der Website im Visual Studio Code: CSS—Grid—Raster (Vertikale auf ’repeat’)

— Aufschaltung der Website

Fazit:

Grausige Satzzeichen bei der Veröffentlichung der Website. Alle Umlaute und die speziellen Satzzeichen musste ich in HTML umschreiben. Gibt es da im SVC eine andere Lösung? Diese Website funktioniert noch nicht für Mobile. Die Gifs platzieren sich nicht übereinander. Wahrscheinlich hätte ich die Zuordnung der Gifs im CSS-Grid-Raster ganz anders lösen sollen. Jetzt habe ich die Inhalte den einzelnen GRID-Raster-Segmenten zugeordnet, statt der jeweiligen Zeilenabfolge.

Zu den Drawbot-Übungen: Ich habe einfach nach Lust und Laune experimentiert, was Spass gemacht hat. Vielleicht hätte ich aber eine bessere Auffrischung gehabt, wenn ich mir eine Systematik ausgedacht hätte. So hätte ich vermutlich die Mathematik dahinter noch mehr verstanden...