Week 5 (40) - ambersr/i-love-web GitHub Wiki

Dag 26 (30 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een workshop gekregen over verschillende CSS layouts. Daarna zijn we aan de slag gegaan met het oefenen van de verschillende layouts.

Linkje naar alle issues in de repo waar alle layouts staan: https://github.com/ambersr/layout-in-css/issues

  • Noem 3 dingen die je vandaag geleerd hebt over Layout modes:
  1. Ik heb geleerd hoeveel verschillende manieren er zijn van CSS layouts.
  2. Wat Flow layout inhoudt.
  3. Wat multi column layout inhoudt en waar je het voor gebruikt.
  • Welke layout modus heb je nodig voor je opdracht (Bieb in Bloei):

Dag 28 (2 oktober 2024)

  • Wat heb ik vandaag gedaan?

Vanochtend hebben we een workshop gekregen over leesbaarheid & typografie. Hierin kwam de font-size, line-height en de regellengte naar voren. Na de workshop ben ik verder gaan werken aan de Bieb in Bloei pagina (zie commits).

Navbar mobile first gemaakt: c854290aaf4bc32d87b62012ba93eaf624a60676 'Waarom meedoen' responsive gemaakt: https://github.com/ambersr/the-client-website/commit/398bf919f3803348ed92544587425603296f6fb3

  • Welke CSS feature over typografie ga ik onderzoeken (Em, Vi, Clamp? Iets anders?

Ik heb Clamp onderzocht. Deze CSS feature heb ik ook gelijk in mijn Bieb in Bloei pagina gebruikt. Dit is namelijk erg handig voor de responsive van lettertypes! Handig linkje: https://css-clamp-generator.com/

  • Schrijf op wat je nu gaat doen voor de opdracht.

Deze CSS feature die heb ik onderzocht heb ik gelijk toegepast in de code van Bieb in Bloei. Dit is namelijk erg handig voor de responsive van lettertypes! Ook heb ik de fontsizes gefinetuned!

Dag 29 (3 oktober 2024)

  • Wat heb ik vandaag gedaan?

Vandaag ben ik bezig geweest met het coderen van de Bieb in Bloei website. Ik ben bezig geweest met het aanmeldformulier en het contact informatieblok.

Commit van vandaag: 7d97df0d87a78cf07af157a168719c2c9332e960

Dag 30 (4 oktober 2024)

  • Wat heb ik vandaag gedaan?

Vandaag hebben we een code/design review gehad. Ik heb van 2 personen feedback gekregen. Deze heb ik gelijk opgelost. (zie issues)

  1. Issue van Marcin & Jules: https://github.com/ambersr/the-client-website/issues/17
  2. Issue van Halima: https://github.com/ambersr/the-client-website/issues/16