Auteur: Bryan Ortiz Franco
De opdrachten: opdracht 1 en opdracht 2
- Behance Logo
- Message Appearance inspiration
- Variable fonts
- Variable fonts guide
- JokeAPI
- SortableJS
- Inspiration: Akinator
- Grid Lay-out Generator
- Fontsquirrel
uitwerken na schetsen idee (voor week 2)
Aan deze technieken/punten wil ik werken:
- Aan mijn CSS animatie skills omdat ik er weinig ervaring mee heb
- Om te leren variables fonts te gebruiken in animaties
uitwerken bij afronden opdracht (voor week 4)
Het variabele lettertype werkt goed tijdens de transacties van de verschillende versies van het logo, ook de animatie loopt goed door en het was meteen heel responsive.
- Het originele logo heeft een streep op de "e" en ik kon het niet toepassen.
- Ik heb niet alle logo's kunnen toepassen, maar ben van plan dat in de toekomst te doen voor mijn eigen portfolio.
uitwerken na schetsen idee (voor week 5)
Aan deze technieken/punten wil ik werken:
- Aan mijn CSS animatie skills verbeteren
- Werken met API omdat ik niet veel mee gewerkt heb
- Om een interactive project te maken
uitwerken na testen (week 7)
Ik probeerde Benders mond te animeren en was van plan het te implementeren met de funties die ik had, maar dat is niet gelukt.
Dus heb ik het uiteindelijk niet gebruikt omdat het niet goed geplaatst kon worden. Ik heb Benders hoofd een wiebeleffect gegeven om het toch levendigheid te geven.
Ik had mijn pagina layout aan het begin gepositioneerd met postion: absolute, maar dat was een slordige manier omdat te doen.
Na wat trial and error en advies van mijn docent kreeg ik het werkend. Ik heb de [Grid Layout Generator] (https://grid.layoutit.com/) gebruikt om dit gemakkelijk en snel te doen.
Ik werk sinds kort met Grids, dus ik was blij dat mijn weblayout werkte toen ik hem ging testen. Helaas kwam ik er al snel achter dat het niet responsief was.
Nadat ik de hele dag had geprobeerd het probleem op te lossen, vroeg ik uiteindelijk mijn docent voor hulp om het probleem op te lossen.
Ik ben niet de beste met het kiezen van kleuren voor webpagina's. Heel lang heb ik deze lelijke kleuren gebruikt om elementen te scheiden.
Met de hulp van mijn klasgenoot realiseerde ik me laat dat ik gewoon de huiskleuren van de show Futurama kon gebruiken om het bijpassende kleuren aan mijn project te geven.
Ik moest een andere manier bedenken om de leuke mop in de Saved Jokes Section te zetten. De enige manier die ik had was om hem door te dragen en te droppen.
Uiteindelijk heb ik een like-knop gemaakt waarop de gebruiker ook kan clicken om de grappen op te slaan.
uitwerken bij afronden opdracht (voor week 8)
Ik heb nu een beter begrip van het werken met animaties, grids en met API's. Ik had veel moeite met het begin van het tweede deel van het project omdat ik er weinig ervaring mee had, maar nu kan ik deze vaardigheid beter toepassen voor toekomstige projecten.
Helaas is het me niet gelukt om de bewegende mond animatie voor mijn project af te maken. Voorlopig heb ik het hoofd van Bender alleen laten wiebelen om het toch een animatie te geven.
Markdown is een simpele manier om HTML te schrijven.
Markdown cheat cheet: Hulp bij het schrijven van Markdown.
Nb. De standaardstructuur en de spartaanse opmaak van de README.md zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.
Nb. Door open toe te voegen aan een details element kun je deze standaard open zetten. Fijn om dat steeds voor de relevante stuk(ken) te doen.