Workshop: HTML5, CSS3 & Responsive Webdesign – Fortgeschrittene Techniken

Kurzbeschreibung

Der Funktionsumfang von CSS ist in den letzten Jahren erheblich gestiegen. Aufbauend auf soliden Grundkenntnissen werden Sie in diesem Workshop flexible und attraktive Layoutelemente anhand eines gemeinsamen Beispielprojekts im responsive Design erarbeiten. Sie vertiefen hierbei Ihr Wissen über Positionierung, Layoutmodelle, Typografie und Gestaltung, lernen neue Selektoren, Animationsmöglichkeiten und Workflow-Konzepte kennen und bekommen zahlreiche Tools und Tricks gezeigt, die Ihnen die tägliche Arbeit spürbar erleichtern werden. Und um auch für die Zukunft gewappnet zu sein, werfen Sie auch einen Blick auf die SVG-Technologie.

Agenda

Responsive Design, Positionierung und Layoutmodelle
- Die Box-Modelle von CSS
- Float-Basierte CSS Grids
- Möglichkeiten der Positionierung
- Display Inline-Block & -Table
- Content Choreography
- Druckausgaben
- Media Queries & Mobile First
- Flexbox
- CSS Grids
CSS Selektoren
- Attribut-Selektoren
- Kind- und Geschwister-Selektoren
- Nth-Of-Selektoren
- Der Target-Selektor
Farbe, Gestaltung und Effekte
- Komplexe Verläufe
- Muster mit CSS
- Komplexe Hintergrundgestaltung mit CSS
- Schatten
- Data-URIs und Code-generierte Grafiken
- Shapes
- Blend Modes
- Filter
- Counter
- Berechnungen mit CSS
- Animationen mit CSS
- 3D & 2D-Transformationen
- Typografie, Webfonts und Icon-Fonts
- SVG-Animationen
Worklow und CSS-Konzepte
- Browserkompatibilität
- CSS Spezifität
- Das DRY-Konzept
- CSS Feature Queries & Modernizr

Voraussetzungen & Zielgruppe

Dieses Seminar richtet sich an Teilnehmer mit HTML- und CSS-Grundkenntnissen. Bitte beachten Sie in diesem Zusammenhang auch unserer Workshop zu diesem Thema.

Solide EDV-Kenntnisse und ein eigenes Notebook mit installiertem Google Chrome-Browser und einem Code-Editor (z.B. dem kostenlosen Editor Backets) sind ebenfalls notwendig um die Übungen dieses Workshop live mitmachen zu können.

Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort & Verpflegung

Das Seminar findet in der »WeiberWirtschaft« in der Anklamer Str. 38 in Berlin-Mitte statt.

Fotos des Seminarraums in der Weiberwirtschaft Berlin. Fotos: Weiberwirtschaft

Der Eingang befindet sich im Durchgang vom 1. Innenhof in den 2. Innenhof rechts im Aufgang. Sie finden die Seminarräume im 4. OG. Ein Aufzug ist vorhanden.

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

Der Workshop zu SVG-Grafiken war spannend, zukunftsweisend und in einem breiten Arbeitsumfeld bereichernd. Jonas Hellwig gibt einen umfassenden Einblick in Anwendungsgebiete und fokussiert gekonnt die individuell relevanten Schwerpunkte. Ein intensiver und wertvoller Lehrgang – besonders an der Schnittstelle zwischen Gestaltung und Entwicklung, der zu neuen Ansätzen motiviert und mir als Designer technische Möglichkeiten verständlich und zugänglich macht.

April 2017, Miriam Stepper, Grafik-Designerin, infoclick.ch

Toll erklärt und ganz viel Wissen vermittelt. Jonas bringt die Dinge auf den Punkt und man kann sehr leicht folgen.

Mai 2017, Kerstin Müller, mueller macht web

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

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 fand den Kurs super aufschlussreich. Dozent sehr angenehm, gut verständlich, Inhalt sehr gut, umfangreich.

Mai 2017, Philippe Rothen, Frontend, infoklick.ch

Workshop: HTML5, CSS3 & Responsive Webdesign – Fortgeschrittene Techniken (2 Tage)