CSS Day Demo 2.0
Een demo was niet genoeg, dus ben ik aan een tweede begonnen. Het was wat krapjes, maar uiteindelijk heb ik in mijn FDND Rewind een aantal nieuwe CSS Features kunnen verwerken.
"Zoveel mogelijk uitproberen, ook al breekt alles — dat is juist het leuke!"
Het is een horizontale carousel geworden, waar voor elke sprint een kaartje voor is. Ik heb gebruik gemaakt van bijvoorbeeld sibling-index(), om elk kaartje een voor een in te laten faden. Met puur CSS. Zo vet?! Helaas deed die feature het bij mij alleen in Chrome Canary.
Daarnaast heb ik ook wat CSS anchor positioning uit geprobeerd, met anchor-name en position-anchor bij de unordered list.Daarnaast heb ik ook met psuedo classes scroll buttons toegevoegd. Ook heb ik scroll-marker-group geprobeerd, maar het lukte me nog niet om die te showen.
"CSS is soms magie, soms frustratie… maar altijd interessant. En beter dan JS"
Al met al, veel nieuwe dingen, en to be honest kan ik nog niet zeggen dat ik het 100% begrijp. Ik kijk ernaar uit om me naar mijn studie nog veeel meer te gaan verdiepen in CSS, want het is wel mijn favoriete deel van programmeren om mee bezig te zijn!