icon-arrow-lefticon-arrow

Inhalte

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.

Dozent Jonas Hellwig im Gespräch mit Seminarteilnehmern der Webinale 2016 in Berlin
Dozent Jonas Hellwig im Gespräch mit Seminarteilnehmern der Webinale 2016 in Berlin

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

Diese Schulung bieten wir auch mit konzeptionellem Schwerpunkt an.
Detaillierte Informationen finden Sie hier.


Für wen ist das Seminar gedacht?

Das Seminar richtet sich an Web-Designer mit soliden HTML und CSS-Kenntnissen. Es ist ein Workshop mit Diskussionscharakter geplant. Die Übungen werden gemeinsam am Computer, bzw. an Beamer und Flipchart erarbeitet.


Dozent: Jonas Hellwig

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 Inhouse-Schulungen

Vielen Dank für die sehr kurzweiligen, spannenden Seminartage. Ich werde vielen von dem Gelernten direkt in meinen Projekten berücksichtigen. Auf konkrete Fragestellungen habe ich effiziente Antworten erhalten.

April 2017, Ann-Kathrin Fischer, Projektleitung/Konzeption/Layout, soldan kommunikation

Ich bin total begeistert. Ich hatte schon in den ersten Stunden totale Aha-Erlebnisse. Viele meiner Fragen, die sich für mich als Laien durch Recherche in Foren nicht beantworten ließen, wurden hier mit Leichtigkeit erklärt und beantwortet. Sehr schön! Danke!

März 2017, Bonnie Siebke, UX-Designerin, Cornelsen GmbH

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)

Das war so ein tolles Seminar. Einfach nur klasse. Vielen Vielen Dank !!!

Oktober 2015, Detlef Heese, Geschäftsleitung & Diplom Designer, Hasegold GmbH

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


Öffentliche Schulungen für Frontend-Developer

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: