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 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 WordPress und Workflow-Optimierungen im Web Design 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 Veranstaltungen zum Thema Webdesign anzutreffen und unterstützt Digitalagenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Das Seminar „Responsive Webdesign“ am Freitag war eine echte Erleuchtung. Jonas Hellwig hat die Schulung gut strukturiert, zugänglich gestaltet und keine Fragen offengelassen.

Dezember 2014, Marco Sablotzki – Quelle

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

Es waren zwei wertvolle, prall mit Wissen angefüllte Tage. Der Vortrag war sehr verständlich. Danke auch, dass soviel Raum für Fragen blieb.

November 2017, Gudrun Wichelhaus-Decher, Kommunikationsdesignerin, IG Metall Vorstand

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

Ich verneige mich! Wunderbarer Vortrag wie das mit dem Design im Web heute funktioniert!

August 2015, David Hellmann – Quelle

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

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