Frontend
Hier vertel ik over de gedachtegang bij complexere weergaven van de frontend
Gedachtegang Design:
Voor de design heb ik besloten om de huisstijl van Hexagon HQ aan te houden. Ik heb mijn best gedaan om de ui exact zo na te maken als op hun site.
Font-gebruik
Voor het lettertype heb ik alleen de varianten van Roboto-sans gebruikt. Omdat uit het ui/ux-onderzoek is gebleken dat deze het dichtst bij de site van Don Diablo past.
De manier waarop fonts worden gebruikt gebeurt door middel van een link naar Google Fonts, en deze vervolgens in de <head> te plaatsen. (regels 1 tot 10 in elk html bestand) Google fonts op deze manier gebruiken garandeert beschikbaarheid en verminderd de bandwidth naar de server. (Bron) Roboto Sans is ook nog eens gratis te gebruiken.
Over de Profielfoto
De profielfoto wordt overal 1:1 gepresenteerd met css. De resolutie van de upload maakt verder niet uit. Wel de maximale bestandsgrootte bij uploaden 10 MB. (10 MB omdat de nieuwere iPhone's gemiddeld 9 MB per foto schieten.)
De foto wordt opgeslagen in de mappenstructuur van de applicatie zelf. En in de database wordt alleen de referentie naar de locatie opgeslagen. Zo kan ik in een html tag zeggen: href=(opvraag-waarde-locatie-uit-database-als-string-m.b.v.-ThymeL.)
Admin Database
De daadwerkelijke tabellen zijn door bootstrap gegenereerd omdat dat gezien de tijd & kennis stabieler werkt. Dit is alleen de front-end. De logica om een gebruiker uit het database te verwijderen moet er handmatig ingestopt worden.
Dit is de bron:
Last updated
Was this helpful?