icon-arrow-lefticon-arrow

Kurzbeschreibung

Aufbauend auf soliden Grundkenntnissen werden Sie in diesem Workshop die Prinzipien von CSS anhand diverser in sich abgeschlossener Übungen erarbeiten. Sie vertiefen 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 einen Blick auf die spannendsten experimentellen CSS-Funktionen.


Agenda

  • Positionierung und Layoutmodelle
    • Die Kaskade verstehen
    • Floats und Positionierungen verstehen
    • Display Inline-Block
    • Display-Table
    • Content Choreography
    • Das Grid Layout Module
    • Flexbox
    • Die Box-Modelle von CSS
  • CSS Selektoren
    • Attribut-Selektoren
    • Kind- und Geschwister-Selektoren
    • Nth-Of-Selektoren
    • Der Target-Selektor
    • CSS4-Selektoren
  • 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
    • CSS-Variablen
    • Animationen mit CSS
    • 3D & 2D-Transformationen
    • Webfonts und Icon-Fonts
    • SVG-Animationen
  • Media Types und Media Queries
    • Druckausgaben
    • Responsive Design
    • Mobile First
  • Worklow und CSS-Konzepte
    • CSS Spezifität
    • Das SMACSS-Konzept
    • Das DRY-Konzept
    • ACSS – Atomic CSS
    • Sass und SCSS
    • CSS Feature Queries & Modernizr
    • Media Queries und Element Queries

Voraussetzungen der Teilnehmer

HTML- und CSS-Kenntnisse werden vorausgesetzt. Die einzelnen Übungen werden gemeinsam im Code-Editor erarbeitet, daher sind solide EDV-Kenntnisse ebenfalls Bedingung für dieses Seminar.


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

Das Responsive-Training fanden wir klasse präsentiert und sehr praxisbezogen. Trotz der Themen-Agenda ist Jonas immer wieder auf individuelle und Projekt-bezogene Fragen eingegangen. Besonders gefallen hat uns die gut verständliche Zusammenführung der beiden Welten Design und Programmierung. Im Anschluss haben wir gleich unser erstes Projekt zu 100% durchziehen können.

Dezember 2014, Mathias Weber, Senior Project Manager, AP Design GmbH

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

Das spannende Seminar mit Jonas Hellwig hat uns viele neue Impulse gegeben. An dieser Stelle noch einmal ein herzliches Dankeschön an Jonas nach Berlin!

Dezember 2014, Venne Media – Quelle

Das war ein tip-top Workshop mit dem @_kulturbanause heute. Ich würde ihn gern als Missionar zu allen Kunden dieser Welt schicken :)

August 2013, Carsten Fischer, triplesense Reply GmbH – Quelle

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


Öffentliche Schulungen für Webdesigner

Alle öffentlichen Schulungen anzeigen

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: