The Client - Website
Beschrijving
Voor dit project heb ik gekozen om aan de Qatar Museums website te werken. Ik heb een briefing gehad met de opdrachtgever. Na de briefing heb ik een debriefing gemaakt over wat er besproken is en wat de wensen zijn voor het maken van de website.
Tijdens het maken van de homepage was mijn aandacht vooral gericht op de infinite canvas, in het begin was ik begonnen met het maken van de infinite canvas door grid te gebruiken, hier zie je dat er een beginnetje is gemaakt, maar ik kwam er snel achter dat ik het wel moelijk zou vinden om met deze manier een infinite canvas te maken.
Ik ben daarna opzoek gegaan naar een andere alternatief, ik heb de css element masonry gevonden en dat zou een goede element zijn voor deze opdracht. Maar deze grid-layout werkt niet op elke browser en is nog een experiment.
Ik ben daarna verder gegaan met de het zoeken naar andere alternatieven. Ik heb een code gevonden die wellicht het dichtsbijzijnde vorbeeld is en heb na het analyseren van de code het kort erna uitgeprobeerd. Ik heb de foto's uitgekozen en na veel puzzelen heb ik dit als eindresultaat kunnen behalen:
Link GitHub page:
Mijn figma ontwerp ziet er als volgt uit:
Kenmerken
- Responsive
- Infinite canvas
Bronnen
Feedback vragen
- De website is niet helemaal infinite maar zou dit ook een goede alternatief zijn? antwoord: het is een goed begin, dit ziet er infinite uit probeer ook de foto's te dimmen.
- Bij het responsive maken van de foto's wanneer je erop klinkt, waar brengt de link naartoe? antwoord: bij het klikken op de foto zal een link je naar meer informatie over de foto leiden.
Licentie
This project is licensed under the terms of the MIT license.