css-challenges

CSS (en co) challenges

Op dinsdagen kennismaken en oefenen met CSS (en soms met JS). Soms is het onderwerp meer advanced en zal de nadruk meer op experimenteren liggen, soms is het onderwerp introducerend en ligt de nadruk meer op kennismaken en oefenen. Om de verworven kennis en vaardigheden daarna verder uit te proberen in je eigen werk.


Planning

dinsdag 1 okt

⏰ ⸺ 9:30 - ca 11:30 uur
🏋️ ⸺ challenge 3: flexbox
📊 ⸺ niveau: starters
🙋 ⸺ voor: even aanmelden

Done

dinsdag 10 sep

⏰ ⸺ 9:30 - ca 11:30 uur
🍱 ⸺ challenge 1: grid
📊 ⸺ niveau: all
🙋 ⸺ voor: all

dinsdag 17 sep

⏰ ⸺ 9:30 - ca 11:30 uur
🐛 ⸺ challenge 2: transform en transities
📊 ⸺ niveau: all
🙋 ⸺ voor: all

dinsdag 24 sep

⏰ ⸺ 9:30 - ca 11:30 uur
🌈 ⸺ challenge 3: gradients
📊 ⸺ niveau: van starters tot wizard
🙋 ⸺ voor: even aanmelden - max 24


Overall CSS bronnen

🎯 ⸺ CSS almanac - overzicht van selectors en properties (CSS tricks)
🎯 ⸺ CSS weekly - newsletter om bij te blijven (Zoran Jambor)
🎯 ⸺ CSS podcast - Una en Adam babbelen over CSS (Una Kravetz and Adam Argyle)
🎯 ⸺ CSS {In Real Life} - yet another CSS blog (Michelle Barker)
🎯 ⸺ Modern CSS solution - smörgåsbord elegante voorbeelden (Stephanie Eckles - advanced 🌶️)

🎯 ⸺ web.dev - frontend blog (Google)
🎯 ⸺ Smashing magazine - frontend blog (Smashing)

🎯 ⸺ Leer grid van Wes Bos (Wes Bos - videos 📽️)
🎯 ⸺ Leer flexbox van Wes Bos (Wes Bos - videos 📽️)


Zelf nog meer oefenen

🚀 ⸺ CSS diner - selectors (www)
🚀 ⸺ CSS Grid Garden - grid (www)
🚀 ⸺ Flexfroggy - flexbox (www)

🚀 ⸺ CSS battle - CSS sommetjes (Kushagra Gour en Kushagra Agarwal) minder karakters is vaak niet beter :(
🚀 ⸺ CSS challenges - CSS sommetjes (Temani Afif)

🚀 ⸺ Learn HTML CSS (Jad Joubran - paid 💰)


coincidence
bron: comicss - Alvaro Montero