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 Layouts und Komponenten, gestalten optimal lesbare Texte, lernen die neuen CSS-Layout-Module Grid und Flexbox kennen und setzen Breakpoints und Media-Queries sinnvoll und zukunftssicher ein.

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

Agenda

  • Grundlagen
    • Klassischer & skalierter Viewport
    • @viewport
    • Die Layout-Typen einer Website
    • Breakpoints & Media Queries
    • Adaptive Layout & Responsive Layout
    • »Progressive Enhancement«
    • »Mobile First« & »Content First«
    • Design im Browser
  • Flexible Layouts entwickeln
    • Flexible Gestaltungsraster entwickeln
    • Ein verändertes Box-Modell
    • Verschachtelte Gestaltungsraster
    • Content Choreography
    • Das Flexbox-Modul von CSS
    • Das Grid-Layout-Modul von CSS
    • Tipps und Tricks mit display:table
    • Responsive Typography
  • Den Workflow optimieren
    • Rapid Prototyping – Schnell funktionale Protoypen entwickeln
    • Platzhalter und Code-Vorlagen
    • 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

Voraussetzungen & Zielgruppe

Das Seminar richtet sich an Web-Designer. Solide HTML und CSS-Kenntnisse werden erwartet.

Es ist ein Workshop mit Diskussionscharakter geplant. Wir können für das Seminar insgesamt acht 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.

Veranstaltungsort & Verpflegung

Das Seminar findet im »Haus der Wissenschaft« in der Sandstr. 4 in Bremen statt.

Fotos des Seminarraums im Haus der Wissenschaft Bremen

Sie finden das Haus der Wissenschaft in unmittelbarer Nähe zum Bremer Dom. Die Seminarräume befinden sich im 1. Obergeschoss und sind behindertengerecht ausgestattet.

Kaffee, Tee, kalte Getränke, Obst und Gebäck stehen Ihnen den ganzen Schulungstag über zur Verfügung. In der Mittagspause gehen Sie gemeinsam mit dem Dozenten und den anderen Teilnehmern in einem Restaurant in der Nähe des Seminarraums essen. Dort werden neben fleischhaltigen auch vegetarische und vegane Gerichte angeboten. Die Kosten sind im Seminarpreis enthalten.

Dozent

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle

Super lockerer Workshop mit einer tollen Balance zwischen Zuhören und selber Ausprobieren. Hat sehr viel Spaß gemacht!

November 2018, Jessica Lyschik, WordPress-Theme-Entwicklerin, selbstständig

Es war ein super spannender Workshop. Ich habe viel gelernt und mitgenommen. Jonas ist ein sehr netter + kompetenter Coach.

November 2019, Gloria Gröpler, Junior Grafikdesignerin, Heilpflanzenwohl

Zwei Tage mit großartigem Input - danke an Jonas.Es war die reine Freude jemandem zuzuhören, der unglaublich kompetent und mit vielen Beispielen und Praxiserfahrungen das umfangreiche Thema RWD so verständlich und interessant rüberbringt, dass wir gern noch mehr davon gehabt hätten.Wirklich fantastisch - wir empfehlen Euch sehr,  jederzeit. Vielen Dank auch für die umfangreiche Seminardokumentation.

April 2017, Friederike Kussin, Design und Internettechnik, Amt für Statistik Berlin-Brandenburg

Am 26.11. habe ich dem Tagesseminar Responsive Web Design - Die technische Umsetzung - mit Jonas Hellwig (kulturbanause) teilgenommen. Ich bin mit dem Anliegen angereist, als Lehrender meinen aktuellen Kenntnisstand zu überprüfen und durch die Erfahrungen und Entwicklungen aus der Agenturpraxis zu ergänzen. Das Seminar hat meine Erwartungen vollständig erfüllt. Dem Referenten ist es gelungen, den gepackten Stoff didaktisch augezeichnet aufzuarbeiten und trotz seiner manchmal vorhandenen Komplexität verständlich und nachvollziehbar zu vermitteln. Eine umfangreiche digitale Seminardokumentation hilft, die Inhalte noch einmal zu rekapitulieren.

Dezember 2015, Prof. Andreas Baumgart, Hochschule für Angewandte Wissenschaften Hamburg

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: