search

pcode-at / pcode-academy

0 stars 1 forks source link

Estelle Weyl CSS In-depth V2 #7

Open JaegerFlorian opened 4 years ago

JaegerFlorian commented 4 years ago

I would add some exercises after every chapter. Listening to 10h30min of pure CSS and only doing small exercises is tiresome. e.g. Flexbox froggy after Flexbox chapter Table of contents:

• Selectors
• Pseudo Elements
• Generated Content
    ◦ Before and After
    ◦ Counters
    ◦ Quotes, Attributes
    ◦ Images
    ◦ String, Special Characters
    ◦ Icon Accessibility
• Media Queries
• Colors & Appearance
• Flexbox
    ◦ e.g.Flexbox Froggy
• Tables
• Grid
• Backgrounds & Borders
• Gradients
• Transforms
• Transitions
• Animations
Perni1984 commented 4 years ago

Selectors: https://flukeout.github.io/

Perni1984 commented 4 years ago

Selectors: https://toolness.github.io/css-selector-game/

Perni1984 commented 4 years ago

Flexbox: http://www.flexboxdefense.com/ https://flexboxfroggy.com/ https://mastery.games/flexboxzombies/

Grids: https://cssgridgarden.com/ Reference: https://learncssgrid.com/

Perni1984 commented 4 years ago

we might have to also look into: https://courses.thecssworkshop.com/p/css-layout-complete-course/