Responsive Webdesign – die technische Umsetzung

Ein Seminar mit Jonas Hellwig (kulturbanause)

Allgemeine Informationen

  • Datum: 12.12.2017
  • Beginn: 09:30 Uhr
  • Ende: 17:30 Uhr
  • Veranstaltungsort: Haus der Wissenschaft, Bremen
  • Teilnahmegebühr: 375,00 € zzgl. 19 % MwSt. (446,25 € brutto)
    Beachten Sie unsere Vergünstigungen für Seminare!
  • In den Seminargebühren ist die Verpflegung enthalten.
  • Direkt zum Anmeldeformular

Kurzbeschreibung

Das Thema »Responsive Design« beschäftigt Webdesigner bereits seit einigen Jahren. Neben großen, konzeptionellen Herausforderungen müssen sich auch Entwickler mit neuen Techniken vertraut machen, um flexible und robuste Layouts entwickeln zu können.

In diesem Seminar erfahren Sie, wie moderne Weblayouts technisch umgesetzt werden. Unabhängig von der Größe des Displays, von der Bildschirmauflösung oder dem verwendeten Browser. Anhand einzelner in sich abgeschlossener Übungen entwickeln Sie flexible Gestaltungsraster und lernen die Vor- und Nachteile populärer Frameworks wie Bootstrap und Foundation kennen. Sie gestalten lesbare Texte, lernen die neuen CSS-Layout-Module kennen und setzen Breakpoints und Media-Queries bewusst und zukunftssicher ein.

Auch die Optimierung von Grafiken für hochauflösende Displays und anspruchsvolle Themen wie Responsive Images oder Content-Choreography stellen für Sie nach diesem Seminar keine Hindernisse mehr dar.

Themenübersicht:

  • Technische Grundlagen
    – Klassischer und skalierter Viewport
    – @viewport
    – Die Layout-Typen einer Website
    – Statische Layouts in Responsive Layouts überführen
    – Breakpoints und Media-Queries
    – Adaptive Layout und Responsive Layout
    – »Progressive Enhancement«
    – »Mobile First« und »Content First«
    – Design im Browser
  • Flexible Layouts entwickeln
    – Flexible Gestaltungsraster entwickeln
    – Ein verändertes Box-Modell
    – Verschachtelte Gestaltungsraster
    – Content-Choreography
    – Das Flexbox-Modell
    – Tipps und Tricks mit display:table
    – Responsive Typography
  • Den Workflow optimieren
    – Rapid Prototyping – schnell funktionale Protoypen entwickeln
    – Platzhalter und Code-Vorlagen
    – Frameworks
    – Bootstrap, Foundation & Co.
    – Responsive Design testen
    – Zukunftssichere Websites entwickeln
    – Breakpoints richtig setzen
  • Technische Einzellösungen
    – Grafiken im Responsive Design – picture, srcset & Co.
    – Videos im Responsive Design
    – Tabellen im Responsive Design
    – Formulare
    – Optimierung für hochauflösende Displays
    – SVG und Webfonts
    – Performance-Optimierung
    – Funktionen an das Betriebssystem abgeben

Vorkenntnisse/Voraussetzungen

Solide HTML und CSS-Kenntnisse

Durchführung

Es ist ein Workshop mit Diskussionscharakter geplant. Wir können für das Seminar insgesamt 8 Apple iMacs bereitstellen. Wenn Sie Ihr eigenes Laptop nutzen wollen bzw. können, geben Sie dieses bitte bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10.

Zielgruppe

Das Seminar richtet sich an Web-Designer.

Dozent

Jonas Hellwig
kulturbanause, Berlin

hat eine Vorliebe für illustrative und technisch fortschrittliche Websites. Er lebt und arbeitet als Designer, Frontend-Entwickler und Trainer in Berlin. Dabei hat er sich auf Photoshop, WordPress und Social-Media-Integration spezia­lisiert. Zudem ist er Gründer der Agentur kulturbanause. Neben Fachbüchern und Lernvideos veröffentlicht er auf blog.kulturbanause.de regelmäßig Artikel, Tipps und Tutorials rund um das Thema Webdesign. Sein Blog gilt inzwischen als eine der wichtigsten Anlaufstellen für Informationen rund um dieses Thema. In der Offline-Welt ist Jonas Hellwig regelmäßig auch als Sprecher auf Konferenzen zum Thema Web­design anzutreffen.

Veranstaltungsort

Haus der Wissenschaft

Sandstraße 4/5
28195 Bremen [Routenplanung öffnen]

Anmeldung

Persönliche Informationen
Student
Azubi
arbeitssuchend
Setze ein Lesezeichen auf den Permalink.

Die Kommentarfunktion ist geschlossen.