Procesverslag

Markdown is een simpele manier om HTML te schrijven.
Markdown cheat cheet: Hulp bij het schrijven van Markdown.

Nb. De standaardstructuur en de spartaanse opmaak van de README.md zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.

Nb. Door open toe te voegen aan een details element kun je deze standaard open zetten. Fijn om dat steeds voor de relevante stuk(ken) te doen.

Jij

uitwerken voor kick-off werkgroep

Auteur:

Bryan Ortiz Franco

Je startniveau:

Mijn startniveau is gemiddeld (blauw)

Je focus:

Ik richt me vooral op responsive en wat surface plane om het wat toegankelijker te maken voor meer mensen

Je website

uitwerken voor kick-off werkgroep

Je opdracht:

Dit is de website die ik ga namaken PC part picker )

Screenshot(s) van de eerste pagina (small screen):

Dit is de Home-pagina van PC-partpicker

Screenshot(s) van de tweede pagina (small screen):

Op deze pagina kun je complete PC buils vinden.

Toegankelijkheidstest 1/2 (week 1)

uitwerken na test in 1e werkgroep

Bevindingen

Lijst met je bevindingen die in de test naar voren kwamen:

Tekst is gemakkelijk te lezen in alle kleurenblindheid.
Advertentie staan goed apart.
Darkmode button verdwijnt en wordt verplaatst naar profiel. Dit zou beter verplaatst worden naar instellingen.

Screenreader

Er staan veel onzichtbare html text dat niet te zien is maar wel word opgelezen.

Muis en Toetsenbord

Er staan veel onzichtbare html text dat niet te zien is maar wel word opgelezen.
Headings hebben niet de juiste namen.

Motoriek (shocks, elastiekjes)

De knoppen zitten te dicht op elkaar, waardoor het bijna onmogelijk is om de gewenste knop in te drukken.

Visueel (brillen, contrast, kleurenblind, dark/light).

Blurred vision: text was niet goed te lezen.
Achromatopsia: de gekleurde hover knoppen zijn niet te zien.
Dark mode en light zouden een paar veranderingen kunnen krijgen om ze beter te onderscheiden.

Breakdownschets (week 1)

uitwerken na afloop 2e werkgroep

De hele pagina:

De drop-down menu:

De Build guides carrousel:

Voortgang 1 (week 2)

uitwerken voor 1e voortgang

Stand van zaken

hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code)

Dit is mijn eerste opmaak van mijn website.

Deze week had ik het een beetje druk dus heb ik alleen gemaakt waar ik kon. Ik ben ook html en css een beetje vergeten omdat ik het het laatste half jaar niet veel gedaan heb.

Dit is mijn voortgang van mijn code tot nu toe.

HTML

CSS

Agenda voor meeting

samen met je groepje opstellen

Bryan	Daan	Jordi	Lars	Zennay
Of mijn HTML en CSS code wel goed opgemaakt is	en dit	en ik dit	Hoe kan ik het beste mijn css structureren?	Hoe kan ik mijn site responsive maken en de portfolio blokken naast elkaar zetten als het scherm groter word
Hoe maak ik een dropdown menu	dit als er tijd is	nog een punt	background-image werkt niet, waar ligt dat aan?	Hoe krijg ik een streepje achter mijn tekst zoals eerst.
De icontjes vinden voor de website	...	...	Is het gebruikelijk om af te wisselen in display grid en flex?	Hoe krijg ik mijn svg logo mooi in het scherm.

Verslag van meeting

hier na afloop snel de uitkomsten van de meeting vastleggen

Elke kleur een huisstijl naam geven en het verwijzen naar waar het gebruikt worden. Als : —huisstyle-kleur(); en dan zoals —bg-nav:
Elke a hef moet in een aparte li
Elke section een naam geven in ccs
Div mag gebruikt worden voor styling
Gebruik Emet om snel te coderen
Mijn Css een logische volgorde geven
Afbeeldingen de juiste naam geven

Voortgang 2 (week 3)

uitwerken voor 2e voortgang