Sprint 4 Look and Feel

Week 2

Woensdag 20 november 2024

Beschrijf 3 dingen die je geleerd hebt over HTML, en link naar goede bronnen.

1. Ik heb geleerd over verschillende soorten inputs, zie afbeelding:

2. Ik heb meer geleerd over specifiek datetime-local en text: https://github.com/julia-stevens/look-and-feel-corporate-identity/blob/main/formulieren/inputs.html Zo kun je bij datetime-local een min en max meegeven.

3. Ook heb ik geleerd dat je in HTML bij de input een maxlength kan meegeven: https://github.com/julia-stevens/look-and-feel-corporate-identity/blob/5a8e107daeb1bbc0325763f03e2aea97f930c4c0/formulieren/inputs.html#L34

Beschrijf 3 dingen die je geleerd hebt over CSS, en link naar goede bronnen.

1. Ik heb geleerd dat je in CSS naar specifieke inputs kunt refereren met bv: input[type='tel'}: https://github.com/vsheo/look-and-feel-styleguide/blob/6021b909c7a8d7d9eac6468f4af68bc7fc0d045b/mediahuis.css#L362-L364

2. Ik heb geleerd dat je in CSS user-invalid en user-valid een specifieke styling kunt meegeven aan een formulier: https://github.com/julia-stevens/look-and-feel-corporate-identity/blob/main/formulieren/inputs.css

3. Je kunt met een ::after een icon meegeven aan een formulier element: https://github.com/julia-stevens/look-and-feel-corporate-identity/blob/5a8e107daeb1bbc0325763f03e2aea97f930c4c0/formulieren/inputs.css#L12-L15

Beschrijf voor beide onderwerpen iets dat je kunt gebruiken en gaat toepassen in de leertaak.

Bovenstaande informatie heb ik meegenomen bij de styling van de formulier elementen bij de stylesheet: https://github.com/vsheo/look-and-feel-styleguide/blob/6021b909c7a8d7d9eac6468f4af68bc7fc0d045b/mediahuis.css#L334-L377