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

Vorkenntnisse/Zielgruppe

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

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. Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort

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.

Verpflegung

Kaffee, 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 essen. Die Kosten sind im Seminarpreis enthalten. Bitte teilen Sie uns mit, wenn wir auf besondere Ernährungswünsche Rücksicht nehmen sollen.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop 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 Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

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

August 2015, David Hellmann – Quelle

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

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.

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.

Worauf warten Sie noch?

Sie haben bereits eine Idee für ein gemeinsames Projekt? Dann nutzen Sie unsere Online-Projektplaner!

Wir planen ein Web Design-Projekt
Wir planen ein Inhouse-Seminar

Bei allgemeinen Fragen, Anregungen oder Kritik nutzen Sie bitte das Kontaktformular.