Auteur: -Emma Bons-
Markdown cheat cheet: Hulp bij het schrijven van Markdown. Nb. de standaardstructuur en de spartaanse opmaak zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.
- -align stuff: (https://www.smashingmagazine.com/2019/03/css-alignment/)-
- -CSS shapes (https://css-tricks.com/the-shapes-of-css/)-
- -toggle text with JS (https://www.tutorialspoint.com/how-to-toggle-text-with-javascript)-
-dit ging goed & dit was lastig: Over het algemeen vond ik deze opdracht redelijk goed gaan. Ik heb veel dingen zelf uit kunnen vogelen en vond het vaak ook leuk om te doen. Ik heb gemerkt dat ik positioneren soms echt nog wel heel lastig vindt. Dat lukte eigenlijk meestal niet in 1 keer. Ook niet in een paar keer. Maar uiteindelijk ben ik er best goed uitgekomen denk ik zelf. De responsive laag was ergens makkelijker dan ik dacht, maar ik heb niet alles uit kunnen werken omdat ik van sommige dingen nergens kon vinden hoe ik dit (het beste) kon doen. Omdat ik hier in de vakantie mee begonnen ben, kon ik het helaas niet op school navragen. Verder vond ik het heel lastig om alles uit te werken wat ik wilde. Veel dingen konden ook niet goed omdat de mensen van die website dit bijvoorbeeld in frameworks hebben uitgewerkt.-
Screenshot(s):
-screenshot(s) van je eindresultaat-
Screenshots pagina 1 - dinsdag 5 januari 2021:
| Scherm 1-3 | Scherm 4-6 | Scherm 7-10 |
|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Screenshots pagina 2 - dinsdag 5 januari 2021:
| Scherm 1-3 | Scherm 4-6 | Scherm 7-10 |
|---|---|---|
 |
 |
 |
|
 |
 |
 |
 |
 |
 |
-dit ging goed & dit was lastig: Ik heb alle feedback van de vorige voortgang toegepast waardoor de homepagina er al een stuk netter uit ziet.-
Screenshots 11 december 2020:
| Scherm 1-3 | Scherm 4-6 | Scherm 7-10 |
|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
-samen met je groepje opstellen-
| Charlie | Emma | Jon | Martijn | Nine |
|---|---|---|---|---|
| z-index | hover div | |||
-Een aantal dingen waar ik niet uitkwam zijn weer door Janno uitgelegd. Zoals bijvoorbeeld de hover bij de section 'Latest Posts'. Dit was echt een enorme hulp, want ik kwam hier totaal niet uit! Zie hieronder ook de screenshots van de code die ik ga toepassen.-
Screenshots van alles wat ik na de meeting toe ga passen:
-Ik heb mijn website met de Voice Over bezocht. Op zich was alles denk ik wel goed. Wat ik nog wil toevoegen is de mogelijkheid om meteen naar de content van de website te springen zodat je niet elke keer de hele navigatie-bar af hoeft te luisteren.
-dit ging goed & dit was lastig: Ik heb afgelopen week vooral gewerkt aan detail dingen. Vooral nog wat elementen goed positioneren op een mobiel scherm. De volgende stappen die ik moet gaan zetten is de pagina responsive maken en de tweede pagina maken. Daarna ga ik werken aan in ieder geval 1 animatie. Waar ik nu vooral nog tegen aan loop is een paar positioneringsdingen die niet helemaal lukken.-
Screenshots 11 december 2020:
| Scherm 1-3 | Scherm 4-6 | Scherm 7-10 |
|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
-samen met je groepje opstellen-
| Charlie | Emma | Jon | Martijn | Nine |
|---|---|---|---|---|
| classes | padding met hover | n.v.t. | ||
| surface verw. | animatie foto | |||
| midden positioneren |
-Een aantal dingen waar ik niet uitkwam heeft Janno uitgelegd. Zie hieronder ook de screenshots van de code die ik ga toepassen.-
Screenshots van alles wat ik na de meeting toe ga passen:
-dit ging goed & dit was lastig: Het schrijven van de HTML ging redelijk vlot en goed. Het schrijven van de CSS ging wel oke. Waar ik tegenaan liep waren bepaalde positioneringsdingen waar ik nog niet helemaal uit ben. Daarnaast werken mijn fonts niet goed (een bepaald font wordt bold italic waar die gewoon normaal zou moeten zijn. Dus ik ga nog even kijken of ik kan uitvogelen wat het probleem daar is en hoe ik het op kan lossen.-
Screenshots 25 november 2020:
| Scherm 1-3 | Scherm 4-6 | Scherm 7-10 |
|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
-samen met je groepje opstellen-
| Charlie | Emma | Jon | Martijn | Nine |
|---|---|---|---|---|
| centreren | fonts met @font-face | w3c | zonder classes? | w3c error |
| waar op letten met responsive | header img | img achtergr header | ||
| w3c |
-Na de meeting heb ik alsnog zelf kunnen uitvogelen wat er mis wat met mijn fonts: ik had een format ingevoerd wat niet werkte en had als font-style bold gegeven. Ik kwam erachter dat bold geen font-style is, maar een font-weight. Nu ik dat heb aangepast ziet de site er al een stuk netter uit. Dit loste ook al meteen een hoop van de w3c meldingen op.-
-uitwerken voor de kick-off werkgroep - begin van de eerste week-
Je startniveau: -Rood-
Je focus: -Ik ga me focussen op wat extra aandacht aan de responsive laag, en als het lukt probeer ik ook nog wat extra aandacht te geven aan de surface.-
Je opdracht: -(https://www.smashingmagazine.com/ "Smashing Magazine Homepage")-
Screenshot(s) van de eerste pagina (small screen):
Screenshot(s) van de tweede pagina (small screen): -(https://www.smashingmagazine.com/2016/11/how-to-create-a-dramatic-vector-illustration/)-
