The non-designer's design book - Robin Williams
24 maart 2022
What developers can learn from journalists
It sounds so easy: create a `div` or other HTML element and give it a name. But I bet you’ve been there before: staring at a piece of code, wondering what would be a short, clear and descriptive name for your element. Did you know we can learn something from journalists here? In a journalistic article, almost everything has a function... and a name! What can we as developers use from this to improve - or at least simplify - our naming conventions?
Lees What developers can learn from journalistsHorizon Zero Dawn - PC
14 februari 2022 - heden
Lead developer
Appje Eitje
HTML, CSS, JavaScript, Angular, Vue, Capacitor
Als co-founder en lead developer bij Appje Eitje werk ik aan diverse projecten voor opdrachtgevers, waarbij ik de spil ben tussen opdrachtgever en collega's. Daarnaast werken we bij Appje Eitje aan onze eigen software en apps, waarbij ik onder andere project management oppak, mede beslissingen neem over de architectuur en design, maar natuurlijk ook veel code schrijf en review.
10 februari 2022
CSS Specificity: what color will it be?
Why isn't this working? It must be the most asked question by a developer. If you're sure you didn't make a typo and your CSS sheet is loaded, then it could very well be a problem with specificity. With what? CSS specificity. In short: it decides which CSS ruleset will take preference. You want the longer version? Read on!
Lees CSS Specificity: what color will it be?The Programmer's Brain - Felienne Hermans
What the Flexbox & CSS Grid - Wes Bos
Learn TypeScript - CodeCademy
20 januari 2021
Cherry picking with Git in your terminal
If you work with Git, you've probably heard about it: cherry picking. I always thought this was some kind of scary tool that was probably really hard, so I never used it. Now thanks to working at home with two babies, I work some odd hours and sometimes I need to figure things out myself. And when I had to cherry pick a pull request because of a merge gone wrong, I just tried it. Now that I feel more confident doing these, I'll help you get started on the basics too.
Lees Cherry picking with Git in your terminal8 januari 2021
React For Beginners - Wes Bos
2 januari 2021
Not another JS Framework
React beter leren. Het staat al een hele tijd op mijn to do list, omdat we op mijn werk met React werken. Ik leer het beste door dingen te doen, maar ik hou niet van korte "Hello World" tutorials van een uurtje waarna je eigenlijk nog niets hebt geleerd. Daarom kreeg ik een studieopdracht op het werk: bouw React na. Mijn eigen JavaScript framework maken... Ik moest even slikken. Dat kan ik toch nooit?! Maar ik liet het even bezinken, kreeg wat eerste instructies en ging toen toch aan de slag. Omdat ik ook goed leer door op te schrijven wat ik heb gedaan, doe ik dat hier. Wellicht inspireert het jou om ook zoiets te proberen.
Lees Not another JS FrameworkHades - Nintendo Switch
Ik weet je wachtwoord - Daniel Verlaan
24 december 2019
Lazy programmers are good programmers
Being lazy is often not a word you want to be described as. If I call you lazy, you would object, right? But lazy is not that bad, and being a lazy programmer is certainly not a bad thing.
Lees Lazy programmers are good programmers16 december 2019
Waarom een hobbyproject (niet) belangrijk is
Veel developers kennen het wel: een hobbyproject om nieuwe dingen te leren, je mee uit te leven en andere dingen te kunnen programmeren dan in het dagelijkse werk vaak mogelijk is. Zeker met alle snelle veranderingen in de front-endwereld, is het een goede manier om 'bij te blijven'. Maar is het echt zo belangrijk om als front-end developer een hobbyproject te hebben?
Lees Waarom een hobbyproject (niet) belangrijk isThe Legend of Zelda: Link's Awakening - Nintendo Switch
4 september 2019
Why your websites' code structure matters
When you're creating your own WordPress theme or adapting an existing theme, pay attention to your code structure and semantics. This will benefit your website greatly: it improves your SEO because search engines know better what to expect on your site. It will also improve your site's accessibility: meaning that people who use assistive technologies, can better use your website.
Lees Why your websites' code structure matters11 juli 2019
The magic of relative units
You probably know what a pixel is. And you may have heard of rem and em, but what is it and when do you use it? I'll try to explain some of the units I use the most and tell you my little trick for responsive magic.
Lees The magic of relative units5 juli 2019
Workshop Advanced JavaScript
Unravel Two - Nintendo Switch
11 mei 2019
DIY - Een mechanisch toetsenbord bouwen
Sinds ik begin 2018 mijn eerste mechanische toetsenbord kocht, ben ik verslaafd geraakt. Ik vind het heerlijk typen en mijn roze toetsenbord ziet er ook nog eens fantastisch uit. Ook heb ik sindsdien een ander plan in mijn hoofd; ik wil wel eens zelf een toetsenbord bouwen. Nu heb ik eindelijk de stap gezet.
Lees DIY - Een mechanisch toetsenbord bouwenEvery Tool's A Hammer - Adam Savage
1 mei 2019 - februari 2022
Developer
Yoast
HTML, CSS, React, JavaScript, PHP
Bij Yoast heb ik in verschillende teams gewerkt, aan verschillende projecten binnen het bedrijf. Zo heb ik gewerkt aan yoast.com en het klantenportaal MyYoast, ben ik developer geweest in een dedicated front-end team en heb ik deel uitgemaakt van een React team dat werkt aan components voor gebruik in de de Yoast SEO WordPress plugin en andere add-ons. Daarnaast ben ik team lead geweest van het team dat verantwoordelijk was voor het updaten van Yoast Academy.
CSS in Depth - Keith J. Grant
31 januari 2019
Lazy loader emulator
JavaScript
Dit script bootst een lazy loading script na. Gemaakt met vanilla JS en werkt ook in oudere browsers zoals IE11.
Bekijk Lazy loader emulator25 januari 2019
Workshop Netlify & Static Site Generators
18 januari 2019
Design Rules: Principles + Practices for Great UI Design
The subtle art of not giving a fuck - Mark Manson
17 december 2018
Web Accessibility by Google
11 december 2018
Over websites en lekkende kranen
Bij de loodgieter thuis lekt de kraan. Het kind van de dokter is altijd ziek. De schoenmaker loopt op versleten schoenen. Wat heeft het Nederlands veel spreekwoorden die allemaal ongeveer op hetzelfde neerkomen. Het is dan ook geen wonder waarschijnlijk dat dit voor veel front-enders ook opgaat. Voor anderen de mooiste dingen bouwen, maar de eigen website is vaak een ondergeschoven kindje.
Lees Over websites en lekkende kranen19 oktober 2018
Workshop JavaScript 101
14 oktober 2018
Dancing avocado
HTML, CSS, SVG
Een CSS animatie van een dansende avocado
Bekijk Dancing avocado12 oktober 2018
Alien abduction
HTML, CSS, SVG
Een ufo ontvoert een schaap in deze CSS animatie
Bekijk Alien abduction11 september 2018
Alles over mechanische toetsenborden
Je zult er vast wel eens van gehoord hebben of misschien heeft een van je collega’s er wel één. Een leek noemt het ‘ouderwets’, de kenner zweert erbij. Ik heb het natuurlijk over mechanische toetsenborden!
Lees Alles over mechanische toetsenbordenjuli 2018 - heden
Vrijwilliger
Fronteers
Ik ben lid van en vrijwilliger bij Fronteers, vakvereniging voor front-end developers.
4 juli 2018
What Dinner nu te downloaden
Als je niet kunt kiezen wat je wilt eten, kun je mijn app What Dinner? proberen. Voer een lijstje in met je favoriete maaltijden en met een druk op de knop krijg je een random maaltijd van deze lijst als suggestie wat je kunt eten.
Lees What Dinner nu te downloaden4 juli 2018
What Dinner
HTML, CSS, Angular, Ionic
Kun je ook nooit kiezen wat je 's avonds wilt eten? Door je favoriete maaltijden in deze iOS app te zetten, kan deze voor jou kiezen!
Bekijk What Dinner1 december 2017 - 30 april 2018
Front-end developer
Gloedonline
HTML, CSS, SCSS, jQuery, JavaScript
Als enige front-end developer ben ik verantwoordelijk voor de HTML/CSS/JS van de websites die we maken en de implementatie in het CMS, voornamelijk Umbraco, maar ook Wordpress.
Zelda Breath of the Wild - Nintendo Switch
november 2013 - heden
Freelance front-end developer
HTML, CSS, Vue.js, NuxtJS
Ik werk als freelance front-end developer en ondersteun bedrijven met front-end werkzaamheden.