Kurzbeschreibung

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.


Agenda

Die folgende Agenda zeigt exemplarische Inhalte für diese Schulung. Wenn Sie den Workshop als Inhouse-Schulung buchen, passen wir die Schulungsinhalte den Bedürfnissen Ihrer Mitarbeiter an.

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


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

Jonas ist extrem schnell in der Auffassung unserer Knackpunkte, fachlich versiert in der Lösung und pragmatisch in der Umsetzung gewesen. Design und Konzept vereint in einer Person und zudem ein super Erklärbär – die perfekte Mischung für uns. Lieber Jonas, die Empfehlung von www.vergleich.de ist dir garantiert – vielen Dank für die super Workshop-Tage.

Mai 2015, Kingyi Yu, Leiterin Marketing & Projektmanagement, Vergleich.de Gesellschaft für Verbraucherinformation mbH

Das Seminar war wirklich großartig und ist jedem zu empfehlen, der sich mit dem Thema beschäftigt.

August 2013, Marie-Odile Heising, triplesense Reply GmbH – Quelle

Die Schulung war sehr informativ und gehaltvoll. Sie hat allen Teilnehmer sehr gut gefallen und uns viel gebracht.

April 2016, Michael Menstell, Vertrieb & Kommunikation, TÜV Hessen

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

Dezember 2014, Ratgar, @JacktheRibber – Quelle

Sehr informativer und praxisnaher »Ritt« durch das Thema »Responsive Design«. Wir haben viele ganz konkrete Erkenntnisse gewonnen, die wir aktuell nutzen können, aber auch einen guten Überblick über aktuelle Entwicklungen und Trends bekommen.

Juni 2016, Carola Kretschmer, Website Management VTc3, KfW


Öffentliche Schulungen für Frontend-Developer

Alle öffentlichen Schulungen anzeigen

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.