CSS – The Next Level

Ein Seminar mit Jonas Hellwig (kulturbanause)

Allgemeine Informationen

  • Datum: 14.12.2017
  • Beginn: 09:30 Uhr
  • Ende: 17:30 Uhr
  • Veranstaltungsort: Haus der Wissenschaft, Bremen
  • Teilnahmegebühr: 375,00 € zzgl. 19 % MwSt. (446,25 € brutto)
    Beachten Sie unser attraktives Rabattsystem für Seminare!
  • In den Seminargebühren ist die Verpflegung enthalten.
  • Direkt zum Anmeldeformular

Kurzbeschreibung

Der Funktionsumfang von CSS ist in den letzten Jahren erheblich gewachsen. Neben neuen gestalterischen Möglichkeiten wie konische Verläufe, Filter, Shapes, Blend-Modes und Masken, wurden auch neue Layoutmodelle wie Flexbox und – noch spannender – die sog. »CSS-Grids« entwickelt.

Auch im Bereich der Animationen gibt es zahlreiche Neuerungen. Viele Effekte, die früher mit Hilfe unterstützender Technologien umgesetzt werden mussten, lassen sich bereits heute oder in naher Zukunft mit reinem CSS lösen. Und mit Hilfe neuer Selektoren sind komplexere Abfragen mit weniger Code möglich.

Selbst in Bereichen, die momentan den CSS-Präprozessoren wie Sass oder Less vorbehalten sind, hat sich einiges getan, denn CSS-Variablen ermöglichen es, wiederkehrende Code-Passagen auszulagern und zentral zu pflegen. Teilweise sind die Möglichkeiten von CSS den Möglichkeiten der Präprozessoren sogar überlegen. Wenn Sie Ihre Website für unterschiedliche Geräte bzw. Anwendungsfälle optimieren möchten, dann sind die neuen Media Queries der Level-4-Spezifikation für Sie sicher interessant.

In diesem Workshop lernen Sie die spannendsten neuen CSS-Techniken anhand praktischer Übungen kennen. Sie erfahren, worauf Sie hinsichtlich des Browsersupports achten sollten und wie Sie solide Fallback-Lösungen entwickeln.

Themenübersicht:

  • Grafische Effekte
    – Verläufe und Muster (inkl. konische Verläufe)
    – »Multiple Backgrounds«
    – »Shapes«
    – »Blend Modes«
    – Filter-Funktionen, Vordergrund- und Hintergrund-Filter
    – »Clipping Masks« und Masken
  • Layout und Gestaltungsraster
    – Das CSS-Grid-Layout-Module
    – Das Flexbox-Modell
  • Funktionen, Selektoren und Wartung
    – »CSS Variables« und »Nesting«
    – »CSS Counter«
    – Neue Selektoren
    – Neue Pseudoklassen
    – @supports
    – Media-Queries Level 4 und »Custom Media Queries«
  • Verhalten und Animation
    – Bewegungspfade
    – »CSS Snap Points«
    – Animationen und die »will-change«-Eigenschaft
  • Praxistauglichkeit
    – Browser-Support
    – Fallback-Lösungen
    – Prä- und Post-Prozessoren

Vorkenntnisse/Voraussetzungen

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

Durchführung

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.

Zielgruppe

Das Seminar richtet sich an Webdesigner und Frontend-­Developer.

Dozent

Jonas Hellwig
kulturbanause, Berlin

hat eine Vorliebe für illustrative und technisch fortschrittliche Websites. Er lebt und arbeitet als Designer, Frontend-Entwickler und Trainer in Berlin. Dabei hat er sich auf Photoshop, WordPress und Social-Media-Integration spezia­lisiert. Zudem ist er Gründer der Agentur kulturbanause. Neben Fachbüchern und Lernvideos veröffentlicht er auf blog.kulturbanause.de regelmäßig Artikel, Tipps und Tutorials rund um das Thema Webdesign. Sein Blog gilt inzwischen als eine der wichtigsten Anlaufstellen für Informationen rund um dieses Thema. In der Offline-Welt ist Jonas Hellwig regelmäßig auch als Sprecher auf Konferenzen zum Thema Web­design anzutreffen.

Veranstaltungsort

Haus der Wissenschaft

Sandstraße 4/5
28195 Bremen [Routenplanung öffnen]

Anmeldung

Persönliche Informationen
Student
Azubi
arbeitssuchend
Setze ein Lesezeichen auf den Permalink.

Die Kommentarfunktion ist geschlossen.