Workshop CSS – The Next Level

Über diesen Workshop

Der Funktionsumfang von CSS ist in den letzten Jahren erheblich gewachsen. Neben neuen gestalterischen Möglichkeiten wie konischen Verläufen, Filtern, Shapes, Blend Modes und Masken wurden auch neue Layoutmodelle wie Flexbox und – noch spannender – die sog. »CSS Grids« entwickelt. Auch im Bereich der Animationen hat sich einiges getan. 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.

Inhalte:

  • Grafische Effekte
    • Verläufe & 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

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 diesen Workshop.

Über Jonas Hellwig

Jonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf 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.

Kosten

399,00 € inkl. Mittagessen, Pausensnacks und alkoholfreien Seminargetränken
(379,00 € für Mitglieder der Contao Association - Mitglieder fordern bitte dazu einen Gutschein-Code - mit einer Mail an events@contao.org - an)

Der Preis versteht sich inkl. der gesetzlichen Mehrwertsteuer in Höhe von 20%.

Mind. 5 Personen / max. 12 Personen (Das College findet nur statt, wenn die Mindestteilnehmerzahl erreicht wird)

Jetzt buchen

Jonas Hellwig

Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin, Betreiber des Blogs Kulturbanause

Jetzt buchen

Sponsor werden

Möchten Sie den Erfolg der Contao Konferenz für den Erfolg Ihres Unternehmens nutzen? Sie können ein fesselndes Ereignis mitgestalten und erhalten gleichzeitig eine exklusive Plattform um auf Ihr Unternehmen aufmerksam zu machen!

Mit Ihrem Sponsoring-Paket helfen Sie uns eine hochwertige Konferenz auf die Beine zu stellen. Im Gegenzug profitieren Sie – je nach Paket – von der Möglichkeit über Ihr Unternehmen zu berichten.