Fri Oct. 13

Goals

• I did present the state of my portfolio.

Content

• Repeating the Week

RECAP – 12.10.

1. Flex
2. Grid
3. Clac
4. Q & A

Presentation

Students present the state of the current work

Week #3

Mon Oct. 9 Positions / Pseudo elements

Tue Oct. 10 CSS Float / Background

Wed Oct. 11 Mentor DAY

Thu Oct. 12 Felx / Grid / Calc

SHOWCASE Framework

Umfassende CSS-Frameworks wie Bootstrap oder Foundation bieten einen grossen Funktionsumfang. Das Repertoire reicht von Layout-Modulen mit Rasterlayouts für responsive Templates über zahlreiche Auszeichnungen z.B. für Tabellen, Formulare, Dialog-Boxen und Overlays bis hin zu komplexen Widgets mit Javascript. Die Architektur der CSS Klassenhierarchie ist in der Regel sehr modular und durchdacht, so dass prinzipiell jede Ebene vom Framework mit eigenen Erweiterungen ergänzt werden kann.

Ob ein CSS Framework Sinn macht und welches sich am besten eignet ist situativ vom Projekt abhängig

• CSS Frameworks
• Bootstrap

Material Design Frameworks

• Materialize CSS
• Die 15 Besten Material-Design-Frameworks

SHOWCASE Animation & BYEBYE

CSS tranform, transitions ans keyframe animations

• Transform | Transform (Rich Bradshaw)
• Transitions | Transition (Rich Bradshaw) | mozilla/transition-timing-function | timing-function-graphs | easings-Übersicht
• Anminations
• Lea Verou Animatable
• mathamazement coordinate-transformation-matrices
• animated background

THE FUTURE IS CSS

Goals

• Finishing all CSS Tasks.
• All questions will be solved.

Exercises

• Finish your portfolio.