Index
Je hebt gewerkt volgens de verschillende fases van de development-lifecycle incl. de documentatie (user story, ontwerpbeslissingen, schetsen en code voorbeelden)
Na de retrospect van 4 november 2022 kregen we allemaal feedback voor het geleverde resultaat. Mijn feedback op mijn product luidde alsvolgt:
"Erg mooi. Goed dat de tekst vergroot kan worden, dat contact vergroot kan worden, dat je een feedbackfunctie gaat implementeren en een footer gaat toevoegen. Icoon voor terug naar homepage ook goed. Buiten de algemene feedbackpunten. Goed om een introductietekstje toe te voegen als wij die aan jullie toesturen. Kijk ook naar de donkere modus. Kijk even naar de info in het overzicht: die kan denk ik een stuk uitgebreider."
Ik koos voor deze sprint de volgende user stories om in mijn product te verwerken:
- Een donkere modus op basis van Besturingssysteem instellingen
- Een terug naar boven knop/link
- Een vernieuwde footer
Tevens staat deze sprint een dynamische huisstijl centraal. Zo zal ik mijn site nog meer aan de huisstijl laten voldoen om elementen en componenten die anderen hebben ontworpen en ontwikkeld, in mijn eigen werk toepassen.
Voor het ontwerpen wilde ik een universele omgeving waarin ik samen met mijn teamleden aan de styleguide kon werken en besloot daarom een Figma bestand op te zetten waarin ik mijn layout ontwierp.
Voor de leertaak "Look and Feel" heb ik een aantal custom properties aan kleuren en border-radius gegeven.
Zie de :root section in de style.css
Om aan te tonen dat ik custom properties heb toegepast, staat hieronder een voorbeeld code in css die aantoont hoe de kleur en border-radius over een custom property beschikken.
Zie de leertaak "Look and feel"
Naast de media queries voor de schaalbaarheid heb ik ook een media query toegepast voor een donkere modus.
Die ziet er in de code alsvolgt eruit:
Tot slot testte ik de website of de donkere modus goed werkte bij de instellingen van het device.
