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

  • 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

Vorkenntnisse/Voraussetzungen & Durchführung

Das Seminar richtet sich an Webdesigner und Frontend-­Developer. 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.

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.

Veranstaltungsort

Das Seminar findet im »Haus der Wissenschaft« in der Sandstr. 4 in Bremen statt.

Fotos des Seminarraums im Haus der Wissenschaft Bremen

Sie finden das Haus der Wissenschaft in unmittelbarer Nähe zum Bremer Dom. Die Seminarräume befinden sich im 1. Obergeschoss und sind behindertengerecht ausgestattet.

Dozent

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 öffentlichen Schulungen

Sehr gutes Seminar mit großem Praxisbezug und tollem Dozenten. Werde einiges in die Agentur mitnehmen!

Mai 2018, David Dharsono, Gestalter, Communications Consultants GmbH

Das Seminar „Responsive Webdesign“ am Freitag war eine echte Erleuchtung. Jonas Hellwig hat die Schulung gut strukturiert, zugänglich gestaltet und keine Fragen offengelassen.

Dezember 2014, Marco Sablotzki – Quelle

Meine Erwartungen an den Kurs wurden zu 100% erfüllt. Jonas schafft es einfach komplexe Dinge kurzweilig und gut verständlich zu vermitteln. Am besten hat mir die »gelebte Flexibilität« bei den Themen gefallen. Durch die überschaubare Anzahl an Teilnehmern war viel Raum für Fragen da und es wurde nicht einfach die Agenda nach Plan herunter gespult. Danke für zwei tolle Tage, ich komme wieder – keine Frage ☺

November 2017, Holger Neuner, Inhaber 47GradNord – Agentur für Internetlösungen

Es war ein sehr interessantes, inspirierendes und gut erklärtes Seminar. Habe viel gelernt. Vielen Dank!

Dezember 2019, Katja Mainzer, Projektleiterin Design, 3st kommunikation GmbH

Vielen Dank für zwei spannende Tage Input und Austausch. Jonas leitet die Seminare hochpräzise und aufmerksam, er geht jederzeit flexibel und geduldig auf wirklich alle Fragen ein und findet einen passenden Lösungsweg. Besonders wertvoll für mich, ist Jonas' spürbar große persönliche Leidenschaft für einerseits die Optimierung der komplexen Thematik selbst, aber vor allem auch die Lehre – eine ehrliche Begeisterung, die sich auf die Teilnehmer überträgt und konzentriertes Arbeiten auf hohem Niveau garantiert. Ein Seminar, das man mit fundiertem Wissen vom Jetzt bis in die nahe Zukunft verlässt und einer großen Freude direkt loszulegen.

November 2016, Miriam Stepper, Art Director, infoklick.ch

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: