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
  • Workflow 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 UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess 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 Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.


Kunden-Feedback zu unseren Inhouse-Schulungen

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

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

@_kulturbanause Sehr geiles Seminar heute in Bremen, danke! LG Ratgar

Dezember 2014, Ratgar, @JacktheRibber – Quelle

2 tolle Workshop-Tage sind leider zu Ende.... Danke an Jonas von kulturbanause für viele Aha-Effekte und Inspirationen, die unsere tägliche Arbeit ab sofort noch besser machen!!

April 2017, Kamikaze Digital Marketing – Quelle

Tolles Seminar! Sehr praxisnah, uptodate mit viel, viel Info. Toller Seminarstil. Ich habe in 2 Tagen extrem viel gelernt. Vielen Dank

Mai 2018, Dido Krämer, Grafik-Designerin

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle


Öffentliche Schulungen für Webdesigner

Themenverwandete Schulungsthemen

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: