Daily Checkout 20 November 2024 - DivaniNL/i-love-web GitHub Wiki

Daily Checkout 20 November 2024

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

  1. Bij een input type="color" moet de value altijd een 6-cijferige hexcode zijn. Dus #333333 in plaats van #333 (ookal betekent het hetzelfde) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color https://codepen.io/Dylan-HvA/pen/poMXKQQ (mijn eigen experiment)
  2. Ik heb geleerd dat er een input type="week" bestaat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week)
  3. Ik heb geleerd dat er een input type="image"bestaat (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image). Dit vind ik wel heel nuttig aangezien ik vaak icons gebruik in mijn submitbuttons.

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

  1. Ik heb goed gebruikt gemaakt van @property in CSS om mijn Sprint seperator animatie op mijn I love Web zonder JS te maken (https://divaninl.github.io/i-love-web/semester1.html#s4)
  2. Je kan met CSS stylen op required.(https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required)
  3. Je kan met CSS stylen op invalid en valid fields.(https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid)