icon-arrow-lefticon-arrow

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.

Agenda

  • Technische Grundlagen
    • Klassischer & skalierter Viewport
    • @viewport
    • Die Layout-Typen einer Website
    • Statische Layouts in responsive Layouts überführen
    • 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-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

Voraussetzungen, Zielgruppe & Durchführung

Das Seminar richtet sich an Web-Designer. Solide HTML und CSS-Kenntnisse werden vorausgesetzt. 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.

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.

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

Für mich hat sich der weite Weg von St. Gallen total gelohnt! Ich konnte so viele Wissenslücken schliessen und so viel mitnehmen. Ich freue mich schon sehr, das Gelernte in meinen Berufsalltag einfliessen zu lassen. Sehr guter Workshop, cooler Typ! DANKE!

November 2018, Jeanine Moser, Grafikerin, zurMarke GmbH

Vielen Dank für zwei spannende Tage Input und Austausch. Jonas leitet die Seminare hochpräzise und aufmerksam, er geht jederzeit flexibel und geduldig auf wirklich alle Fragen ein und findet einen passenden Lösungsweg. Besonders wertvoll für mich, ist Jonas' spürbar große persönliche Leidenschaft für einerseits die Optimierung der komplexen Thematik selbst, aber vor allem auch die Lehre – eine ehrliche Begeisterung, die sich auf die Teilnehmer überträgt und konzentriertes Arbeiten auf hohem Niveau garantiert. Ein Seminar, das man mit fundiertem Wissen vom Jetzt bis in die nahe Zukunft verlässt und einer großen Freude direkt loszulegen.

November 2016, Miriam Stepper, Art Director, infoklick.ch

Tolles Seminar! Sehr praxisnah, uptodate mit viel, viel Info. Toller Seminarstil. Ich habe in 2 Tagen extrem viel gelernt. Vielen Dank

Mai 2018, Dido Krämer, Grafik-Designerin

Ich bin mit großen Erwartungen zu diesem Seminar gekommen und diese wurden auch voll erfüllt. Trotz des komplexen Themas war es ein sehr kurzweiliges Vergnügen Jonas Hellwig zuzuhören. Die Themenschwerpunkte wurde verständlich erklärt und ich konnte jede Menge neues Wissen daraus mit nach Hause nehmen. Sollte es für mich wieder Bedarf für eine Weiterbildung geben so wird kulturbanause.de sicherlich die erste Adresse sein an welcher ich anfragen werde.

November 2016, Jörg Aderhold, JAderBass webdesign

Vielen Dank für das tolle Seminar. Hat mir viel gebracht. Für das Anwenden wäre noch so eine Art Prio-Liste cool.

November 2016, Thomas Mohr, Projekteiter HMI, UX, UI (SCA Part Of Atlas Copco Group)

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:

diegruenen