> For the complete documentation index, see [llms.txt](https://kim-garrard.gitbook.io/design-rationale/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kim-garrard.gitbook.io/design-rationale/4.-eindresultaat/coderen.md).

# Coderen

Ik heb een klein stukje van TOFGROF met code geschreven [*<mark style="color:green;">**(PB - Coderen)**</mark>*](https://kim-garrard.gitbook.io/product-biografie/eindresultaat/coderen), om meer het 'echte' gevoel te geven en gebruik te maken van micro-animaties.&#x20;

{% embed url="<https://kimgarrard.github.io/tofgrof/index.html>" %}
**Link naar site**
{% endembed %}

Wat ik heb gecodeerd:

* Cijfers bovenaan geanimeerd;
* Illustraties bewegen langzaam;
* Zoekmelding animatie;
* Verf streep geanimeerd als je hovert;
* Illustraties bovenaan verdwijnen, content ook;
* Hartje / favoriet maken.

![](https://2645867000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F982aOOOo85AADZKd1XFH%2Fuploads%2FwTJTkxOCTQIvZIqfCVo1%2Ftofgrof_site.GIF?alt=media\&token=6af7d821-e756-4f8c-8752-932b27ef3e53)