Vandaag gedaan:
- Breakdown van schets gemaakt
- Geleerd over een aantal basic HTML elementen
Leervragen:
- Wat is een goede volgorde voor het maken van een breakdown schets?
- Wat is het nut van een breakdownschets?
- Wat zijn de nadelen van het niet maken van een breakdownschets?
Vandaag gedaan:
Basics van HTML, CSS en Javascript bestudeerd. Ik probeer eerst zoveel mogelijk te begrijpen van de basics zodat ik niet zo snel vastloop vanwege mijn weinige ervaring.
Leervragen:
- Wat kan Javascript toevoegen aan een website met HTML en CSS?
- Wat kan je met Javascript doen buiten websites om?
- Waarom zijn HTML CSS en Javascript zo'n beetje de standaard van het web?
Geleerd:
- Schets maken van squadpage
- Hoe je dingen vergelijkt (overeenkomsten/verschillen)
- Squadpage voorbereiden
Interessant:
- Hoe we de squadpage in elkaar gaan zetten
- Wie gaat wat doen
Vraag:
Waarom gaan we een squadpage maken?
Geleerd:
- Hoe grids werken
- Hoe je grids laat werken op verschillende formaten van apparaten
- Meer basis van CSS
2 vragen:
- Wat zijn de nadelen van grid?
- Wat zijn vergelijkbare dingen of alternatieven van grid
Gedaan:
Begonnen met ontwerp coderen (mobile first)
3 studievragen:
- Wat kan je met een article element
- Hoe gaan we hover toepassen op images
- Hoe maken we onze squadpage spannender/grappiger
Vasilis van Gemert
Veel random onzin doen, daar leer je van
Screenreaders voor toegankelijkheid
Gedaan:
Figma gebruiken
Geleerd:
- Visuele hiërarchie onderverdelen in kleur, witruimte, contrast en tekstgrootte
- Hoe figma werkt
- Waarom figma handig is voor een website ontwerpen
Geleerd:
- Transitions
- Transforms
- Easing tool
3 dingen geleerd:
- Communiceren met een opdrachtgever over een opdracht
- Briefing gemaakt
- Debriefing gemaakt
2 leervragen wat ik deze week wil leren
- Hoe het is om voor een opdrachtgever te werken
- Hoe communiceer je duidelijk met een opdrachtgever
Geleerd:
- Wireframe maken en hierbij een breakdownschets maken
- Sitemap maken zodat je beter begrijpt hoe de pagina in elkaar zit
- Hoe je beter kunt schetsen
Wil leren:
- Css toepassen op html
Geleerd:
- Hoe iemand een review te geven over zijn/haar code
- Verschil tussen li en ul element
- Language definen in html en alt voor img toevoegen
- Pagina live gezet op github
Wat ik ga doen:
- HTML verbeteren en eerste ontwerp proberen te maken met CSS
Vandaag gedaan:
- Readme gemaakt
- Sprint review
- Site verbeterd
3 leervragen:
- Hoe ga ik de layout verbeteren
- Waarom moet ik een readme schrijven
- Hoe bereid ik een sprint review voor
Geleerd en gedaan:
- Met groepje sprint review besproken
- Hoe maak je een website toegankelijker voor mensen die alleen keyboard of reader gebruiken
Wat nog doen voor de WCAG audit presentatie:
- Reader, Interactive elements en Headings and landmarks tests uitvoeren
16 okt
Vandaag gedaan:
- Geleerd wat labels zijn
- Wat een download attribuut is en hoe details elementen werken zodat je dingen kunt laten verschijnen/verbergen
- WCAG audit gepresenteerd
- Links: Geven meer functionaliteit dan buttons
- Afbeeldingen: Alt gebruiken voor het geval dat afbeelding niet zichtbaar is
- Labels voor invoervelden: zorgt ervoor dat een invoerveld toegankelijker is en dat de beschrijving ook klikbaar is
- Accordeons: Zorgt voor uitklapbare content zodat je content kan laten verschijnen/verbergen
- Popups: Zorgt ervoor dat er iets belangrijks in beeld komt
- Headings:
Gebruiken voor website:
Alts voor images, headings, links
Vandaag gedaan:
- Figma ontwerp getest op contrast.
https://github.com/Rapha2002/all-human-accessible-website/issues
3 dingen geleerd:
- Tegenovergestelde kleuren in het spectrum meeste contrast (warm en koud)
- Colour contrast analyzer is een handige tool om contrast te meten
- 1 op de 10 mannen is kleurenblind, dus goed om daar rekening mee te houden bij het kiezen van kleuren
Geleerd:
- Wanneer grid of flexbox handiger is
- Hoe je tekst centreert
- Dat je flexbox en grid onder elkaar/afzonderlijk prima kan gebruiken
2 verbeteringen in readme:
Wat ik anders aan ga pakken in de komende sprint review is zorgen dat ik meer af heb zodat ik specifiekere vragen kan stellen
AI Voice recognition
Sinds jaren 50 Aiva chatbot SpeechSynthesis Web API Eleven Labs