Workshop: Responsive Layouts mit CSS

Kurzbeschreibung

Es war nie einfacher responsive und semantisch korrekte responsive Weblayouts zu erstellen! CSS-Techniken wie Grid, Flexbox, Logical Properties oder Container Queries ergänzen etablierte Lösungen wie die Positionierung mittels float oder die display-Eigenschaft. Und man muss sich nicht einmal für eine Layouttechnik entscheiden: Moderne CSS-Layouts nutzen verschiedene Techniken in Kombination und machen sich die Stärken der jeweiligen Ansätze zunutze. Somit entstehen flexible Komponenten und robuste Layouts die auf jeder Bildschirmgrösse eine gute Figur abgeben.

In diesem Workshop werden Sie anhand zahlreicher, in sich abgeschlossener Übungen einzelne Website-Komponenten sowie ganze Seitenlayouts entwickeln. Der Fokus liegt auf der flexiblen Architektur des Layouts und nicht auf der ästhetisch detaillierten Ausgestaltung mit Verläufen, Farben, Icons etc. 

Nach diesem Workshop sind sie in der Lage, angelieferte Layouts schnell und solide responsive umzusetzen, schnelle Klick-Dummies herzustellen und bestehende Websites Stück für Stück zu modernisieren.


Themen unseres Workshops zu responsiven CSS Layouts

Die folgenden Inhalte sind unsere Empfehlung für einen fundierten Einstieg in das Thema bzw. werden häufig gewünscht. Der Umfang beträgt, abhängig von den Vorkenntnissen und dem Anteil praktischer Übungen, meist zwischen 8h – 24h. Gerne passen wir die Agenda auf Ihre individuellen Anforderungen hin an, bzw. beziehen aktuelle Praxisprojekte mit ein. Wir stimmen uns dazu im Vorfeld der Schulung persönlich mit Ihnen ab.

CSS Layout Grundlagen

CSS Layout-Modelle und Architektur

Responsive Design & Intrinsic Design


Dozent

Jonas HellwigJonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.


Feedback zu unseren Schulungen

  • Herzlichen Dank für die kurzweilige, sehr gut strukturierte und aufschlussreiche Schulung! 

    Das gesamte Team ist motiviert, nun mit WordPress richtig durchzustarten, was neben der guten Aufbereitung der Schulungsinhalte auch an der sympathischen Vortragsweise lag! Von der historischen Entwicklung des WordPress-Konstrukts über einen State of the Art-Workflow zum Aufbau von zeitgemäßen Websites hin zu »System-Hacks« wurden wir mit einem Rund-um-Paket für Einsteiger bestmöglich auf die Arbeit mit dem System vorbereitet. Nochmals vielen Dank an Jonas und das gesamte Team!

    Oktober 2024, Christin Ola, Digital Marketing Managerin, Aristo Pharma GmbH

  • Vielen Dank für die super Schulung — nicht nur für die sinnvolle Nutzung von Figma als Design-Tool, sondern vor allem für die Mindsets (oder auch Leitsätze) zur Herangehensweise beim Aufbau der Designs und welche Auswirkungen das auf den Hand-Off und das Development hat. Tip-Top!

    September 2024, Ronny Staps, Held+Team PartG

  • Vielen Dank noch einmal für die zwei inspirierenden Schulungstage, die uns eine neue und erweiterte Sichtweise auf das Thema Barrierefreiheit gezeigt haben. Alle Beteiligten waren, wie immer, sehr begeistert :-).

    Juli 2024, Susan Stibitz, BAUR Versand GmbH & Co KG