Christian Noss
prof @th_koeln // founder @klickmeister // part of @micologne & Advanced Media Institute // supporter @codeandcontext
CSS Features & Concepts in 2024
28.07.2024
In diesem Workshop werden einige neue CSS-Features und Konzepte für das Jahr 2024 vorgestellt … nagut, auch ein paar ältere 😉. Dabei liegt der Fokus auf der Verbesserung des Feels einer Website. Wir befassen uns u.A. mit Web Standards & Lean Web Development, Custom Properties, Scroll Driven Animations, View Transitions, CSS Nesting, der Popover API und Broken Grid via CSS Grid. Dazu gibt es Videos, Slides und ein Repo mit einer Demo und Challenges zum Üben.
Viel Spaß!
Material
Playgrounds
Folgende Playgrounds zum Workshop sind auf Codepen verfügbar:
- CSS Broken Grid Demo
- CSS Popover Demo
- CSS Scroll Driven View Timeline Demo
- CSS Scroll Driven Animation Demo
- CSS Transition Demo