Responsive Weblayouts mit HTML und CSS
Für Fortgeschrittene

Gerrit van Aaken
Datum
10. Mai 2014 bis 11. Mai 2014

Samstag von 9 bis 17 Uhr
Sonntag von 9 bis 16 Uhr

Ort
Halle 27, KOCHAN & PARTNER
Hirschgartenallee 27 Rgb.
80639 München
Deutschland
Google Maps
Teilnahmegebühr
240,00 Euro für tgm-Mitglieder
280,00 Euro für Nichtmitglieder

Anzahl Teilnehmer
16

Mitte der 1990er-Jahre war die Welt noch in Ordnung. Websites wurden mit einer festen Breite von 640 × 480 Pixeln angelegt, denn 15-Zoll-Röhrenmonitore beherrschten die Szene.

Inzwischen kann man mit fast allem ins Internet gehen, was drei Kabel oder eine Antenne besitzt – vom Billigsmartphone mit 3-Zoll-Display bis zum 27-Zoll-iMac. Wenn wir als moderne Webdesigner alle diese Nutzer mit einer gleichermaßen praktischen und mediengerechten Website versorgen wollen, können wir »Responsive Layout«-Modelle einsetzen, bei denen sich das Layout einer Website danach richtet, wie groß der Bildschirm des Anzeigegerätes ist. Ausgefeilte Websites agieren mit flexibler Anatomie, responsiven Schriftgraden und intelligenter Linearisierung von Floats.

Wer dieses Seminar besucht, sollte anschließend sein eigenes starres Layout (oder ein vorgegebenes Beispiel) auf kreative Weise diversen »Zielgrößen« anpassen können. »Mobile Optimierung« verliert hierbei ihren Schrecken – denn letztlich ist alles nur sauberes Handwerk.

Themen

  • Übersicht: historische Techniken
  • Responsive Layout in CSS3
  • Gelungene Beispiele und Ideen aus dem Netz
  • Wahl der richtigen Zielgrößen und Breakpoints
  • Gemeinsamer Umbau eines starren Beispiel-Layouts
  • Hilfe beim Umbau eigener starrer Layouts (Workshop)
  • JavaScript-Einsatz für komplexere Wünsche
  • Testen am Gerät: iPhone, iPad und Co.
  • Nützliche Software-Tipps

Zielgruppe
Alle technisch und gestalterisch Interessierten, die bereits selber einfache Layouts mit HTML und CSS umsetzen, mindestens aber vorhandene Layouts anpassen können.

Hinweis
Bitte eigenen Laptop mitbringen! Besondere Software (abgesehen von Browser und Texteditor) ist jedoch nicht notwendig.

Verbindliche Anmeldung
Bis 25. April 2014 schriftlich oder unter www.tgm-online.de
 

Gerrit van Aaken

Gerrit van Aaken (*1979), Diplomdesigner und Blogger, verbindet seit zwölf Jahren die Welt des Designs mit der Technik des Internets. Sein Weblog praegnanz.de mit polarisierenden Kurzbeiträgen und lehrreichen Essays wurde inzwischen zur erfolgreichen praegnanz.de GbR, die im Herzen Würzburgs mediengerechte Websites und Apps macht. Neben seiner Praxisarbeit als Webdesigner lehrt van Aaken an der Zürcher Hochschule der Künste.