Gedurende mijn stage heb ik regelmatig gewerkt aan het aanpassen van het design van een website. Dit was een erg interessante ervaring voor mij, omdat ik een volledig project in handen heb gekregen waarbij ik de eerste weken vooral bezig was met onderzoeken wat waar stond, zodat ik de structuur van de site volledig kon begrijpen.
De mappenstructuur van de SCSS-bestanden en de juiste classes gebruiken en aanpassen in duizenden lijnen code was niet direct gemakkelijk. Maar na vijftien weken ben ik behoorlijk vertrouwd geraakt met de structuur. Ik kan nu veel sneller de juiste klassen vinden en aanpassen op de manier die ik wil.
Een onverwachte uitdaging was dat ik op een pagina een tabel had aangepast en vervolgens aan een andere tabel begon. Tot mijn frustratie merkte ik plots dat de structuur van de eerste tabel helemaal in de war was geraakt. Blijkbaar werd ergens dezelfde class gebruikt. Dus moest ik terug naar het begin, eerst de ene tabel aanpassen en daarna de andere.
Ik moet eerlijk toegeven: het is niet altijd in één keer gelukt, maar ik ben nu erg tevreden met de resultaten die ik heb bereikt. Hieronder deel ik de screenshots van de voor- en na-aanpassingen, zowel voor desktop als voor mobile. Zo hoef ik niet te veel woorden te gebruiken, maar kan ik effectief laten zien wat ik al die uren heb gedaan.
Desktop versie voor:
Desktop versie na:
Mobile versie voor:
Mobiele versie na:
