v0.01 — stardate

I create things. By designing as well as building , I discover what is possible with a material or technique. And because I sometimes want to step away from the screen — and occasionally create more tangible objects — I often work with wood in my free time1.

maker

In my daily work life, I create digital expressions (like this website). But because I spend a lot of time behind a screen during the day — and sometimes wanted to make objects that you can hold — I started making furniture.

results

results

I create mainly to learn. Each project is a new experiment. So, on this page I've dabbled with various techniques, including animating 'variable fonts' and making the photos 'draggable'.

tools

Last year was all about "making with minimal machine use'. In the end it turned out that using a set of chisels, planer and jap saw is often just as fast, but produces a lot less mess and noise than using a machine.

design

I always start by making sketches, mini models and 3D visualizations. Also because a good plan in advance saves a lot of time — and costs —

.

details

The starting point while building is that the difference between "this is ok" and "this is what I'm proud of" is mainly determined by the attention I pay to detailing and finishing, and less by the design.

progress

progress

The making itself is more the goal than the end result. The smell of wood, shavings and wood glue. Tinkering with some 90's grunge under my ear protection.

Captains log

Date
Done
Learned
Hr
22-05-2021
Layout en animatie changelog
Breedte en positie changelog geanimeerd obv vw
In gsap zelfde positionering systematiek hanteren als in je stijlsheet, anders onverwachte effecten. Dus niet in stylesheet: left: 100vw, en dan in gsap x: 300.
1
Scrolling changelog layover fix codepen) met behulp van GSAP DrawSVG plugin
Bij layover niet handig om main content alleen opacity te geven omdat deze klikbaar blijft wanneer er geen DOM element overheen ligt.
2
Ontwerp scribbles homepage.
Kleuren zijn moeilijk.
1
27-03-2021
SVG animaties homepage
Geprobeerd svg animaties te implementeren in eleventy
Fail. Lijkt erop dat 11ty bij build svg opbouw veranderd. Wordt vervolgd.
2
'Scribbles' svg's geanimeerd codepen) met behulp van GSAP DrawSVG plugin
DrawSVG kan geen externe svg's animeren. Inline svg's kunnen niet gebruikt worden als background en dus niet als pseudo element.
2
Ontwerp scribbles homepage.
Kleuren zijn moeilijk.
1
22-03-2021
CSS Grid
Stylen changelog table gebruikmakend van CSS Grid
Positionering met CSS Grid.
2
Ontwerp changelog table.
Wat in ontwerp eenvoudig is, is in techniek soms moeilijk.
1
11-03-2021
Templating
Implementatie van nunjucks templates en partials voor footer, header, content en changelog.
Dat foutmeldingen in terminal een boel tijd besparen als je ze tenminste ziet. Hoe je zowel .md als .html bestanden kunt gebruiken als basis. Wat frontmatter is.
3
Verdiept in templating languages.
Hoe templating languages (in dit geval nunjucks en liquid) werken en hoe je een basisstructuur opzet.
1
25-02-2021
Motion!
Menu, cahngelog en links geanimeerd.
GSAP x:0 is not x:0 maar x:0 vanaf startpositie element in de DOM.
4
18-02-2021
Opzetten typografische basis
Implementatie fonts en styling responsive typografie.
Niets
2
Een 'Fluid typography' systeem opzetten. Tekst gewrongen en styling homepage.
Typografie laten schalen tussen breakpoints gebruikmakend van 'clamp' in css.
4
17-02-2021
Opzetten framework personal site
Eleventy opgezet als static site generator.
Hoe je je eleventy inricht mbv terminal.
4
Gitlab setup
Wat een SSH key is en waarom je deze nodig hebt. Hoe rechtstreeks te committen vanuit VS Code.
2