Rating example makes use of Emoji from: http://emojione.com
Ik ben eerst begonnen met nadenken over wat ik in mijn website wil hebben, wat is de stijl, waarhoud ik rekening mee, wat wilt mijn klant(marijn) nou eigenlijk? Hierdoor heb ik veel onderzoek gedaan over wat accesible websites nou eigenlijk zijn, en wat ze "accesible maakt". https://www.nngroup.com/articles/keyboard-accessibility/ Aan de hand hiervan heb ik acceskeys onderzocht, en in de eerste instantie dacht ik eraan om deze te implementeren.
Voor de rest ben ik langzaam begonnen met het ontwikkelen van de website, voornamenlijk met de generieke stijl van de website, een "ga direct naar content" pagina, kijken hoe je radio buttons kan stijlen en het oplossen van een sub-menu in de navigatie balk die openklapt als er op gefocust wordt.
Deze dag begon ik met het mooier maken van mijn navigatie balk. Hier liep ik tegen best wel wat problemen aan met positionering, waardoor ik uiteindelijk een flexbox ben gaan gebruiken en het gevoel heb ik dat ik position in css beter snap.
Ook heb ik veel geexperimenteerd, zo heb ik gekeken of aan de hand van een child element je een parent kan aanpassen, verschillende stijlings mogelijkheden geprobeert om te kijken wat ik het prettigst vind.
Alhoewel deze dag vrij moeizaam ging door het velen uitzoeken, had ik aan het eind van de dag wel meer het gevoel dat ik me bewust was van wat ik deed.
Vandaag heb ik voornamenlijk besteed aan het opschonen van mijn CSS bestand, en wat comments toegevoegd. Deels voor de docenten maar ook deels omdat ik orde begon kwijt te raken, en hier dus echt niet tegen kan als ontwikkelaar. Dit heeft me dan ook gemotiveerd om na te denken over andere manieren om de CSS beter te scheiden, bijvoorbeeld een stylesheet per component, maar dit is iets wat ik ga onderzoeken op het moment dat hier tijd voor is buiten de opdrachten.
[x] - Media Queries onderzoeken & Toepassen
Ik heb het gevoel dat dit nog wat verbeterd kanworden
[x] - Algemene stijl verbeteren, beter leesbaar
Andere lettertype's gebruikt, genoeg padding etc.
[x] - CSS variables toepassen
[x] - Artikelen modules implementeren & stylen Ik heb deze een eigen grid gegeven voor dynamischere styling
[x] - Progress bar implementeren & stylen Met dank aan verschillende studenten die mij een handje hebben geholpen
[x] - Stijling consistenter maken
De styling is een stuk aanpasbaarder dan eerst.
[x] - Chat module implementeren & stylen
[x] - Animaties toevoegen zodat de pagina meer tot leven komt
[ ] - Alle opdracht van week 1/2 (uit het boek, implementeren)
[x] - psuedo random gradient
[x] - loading bar
[x] - transitions
[x] - Aangepaste cursor styling
[x] - Styling aan de hand van validatie
[ ] - grijze achtergrond op focus van een element
[ ] - glazige achtergrond op focus van een element
Deze week is het me nietgelukt ze allemaal af te krijgen, dit ga ik in week 3 oppakken
[x] - Feedback week 1 verwerken
[x] - Login module implementeren & stylen