Rik Schennink

Testing `display: grid-lanes` with FilePond v5 on current Safari Technology Preview 🍱

Working on the dark mode version of the FilePond landing page.

Value study of Fata Morgana, an Efteling attraction.

The image of the fish is now rendered via a sprite sheet and animated using the CSS steps() function. Thanks @joshwcomeau.com for the helpful guide 👇 www.joshwcomeau.com/animation/sp...

😺 - Fish!

Using nested <div>'s to simulate plants swaying in the water current, it's working really well. Each div rotates slowly and the transform-origin is set to the connection point between the elements.

A smack of jellyfish in charcoal for #inktober

After literally years of pivoting my friend and I are finally launching cropguide.io 🚢 We offer a free tier with up to 100 edited images per month. During the ProductHunt launch (is that still a thing?) we offer a 50% discount code on the paid tiers. www.producthunt.com/products/cro...

with some trickery the Boids now behave more like fish :)

I'm now working on digital fish. You can kind of simulate groups of fish and birds with Boids algorithm. Each Boid steers away from other boids, steers towards the average heading, and steers towards the center of the group. I named the custom element <boids-zone> 🎶 en.wikipedia.org/wiki/Boids

I just died of a nostalgia overdose 😵

The final_real_final_1 FilePond JS/CSS water animation. The lily pads now rotate with the water level giving them a bit of a 3d look. I've also added a texture to the water so it better fits with the art style. I love tinkering with details like this, can't wait to work on the dark mode version! ✨

I'm working on a water animation. The lily pads are positioned relative to the right side of the viewport but the water waves are calculated from the left hand side. The vertical offsets depend on the wave height. Now when you resize the viewport the lily pads kinda "bounce" over the waves. 😄

Oh no, but that’s what I bought it for!

The new FilePond v5 landing page is shaping up to become quite a funky art celebration.

The spring configuration seems to propagate correctly through the <file-pond> subtree. 👨‍🔬🍮

This site generates an abstract artwork using the commits and files in a GitHub repo. This is FilePond v4. www.habibicode.org/artrepo

😅

this tab on npm must hold the record for longest beta ever.

Rough Draft vs Final Draft

I spent the past two days cleaning up and improving the cropguide.io landing page. I've replaced the hero illustrations with photos, added a video that shows the editor (it blends in the page), and the live demo is now more to the point. Thanks @kilianvalkhof.com and @hidde.blog for the feedback.

It's _this_ easy to add CropGuide to a website. As a test I opened Bluesky and copy pasted the cropguide.io script to my Chrome developer console and then selected an image to post. 😅 It just works! 🪄

When i was still drawing with charcoal

Me: "Hey LLM, can we flip a background-image without using CSS transform?" LLM: "Yes. I'm programmed to make you a happy camper so I will first pretend there is a solution before telling you there is no solution."

CropGuide now offers a free tier. Copy paste the CropGuide <script> tag to your webpage and now your <input type="file"/> automatically opens a client-side image editor to crop images before upload. pqina.nl/blog/crop-im...

I’ve been collecting the game boxes of the games I used to design levels for as a hobby. I’ve yet to find DOOM for a good price, but a month ago I finally found a Quake 2 box that looked great. It arrived by mail today, turns out the seller didn’t bother to package it properly. Such a waste :(

FilePond v5 + Spring powered HTML <dialog> + Unsplash source + Custom masonry grid fallback + BlurHash 🔥 Now some more tinkering with CSS to get everything just right 👌

Just spent 4 hours tinkering with CSS to make the open animation of a dialog look nicer. I'm so far removed from agentic coding that I think i'll never be able work in the industry again.

zero effort phishing attempt phisher probably got frustrated trying to get the sendgrid HTML template to render correctly on every email client

I just pushed Pintura v8.100.0 to prod 😅 v8 has been going strong for 5 years and I can't wait to start work on v9.

Testing iOS vehicle motion cues, so far so good.

If the banner above your article is AI-generated I usually just close the tab in disappointment. nelson.cloud/ai-generated...

The general public now thinks the contact form redact.photo is a prompt input box. I wish all their prompts were this innocuous.

Meet Bob the crayfish. Caught by our daughter, named Bob, and set free. Bob returned moments later with raised claws, ready for round 2.

Sad to see this malicious cookie banner on codepen, it doesn't even have a reject all button, you have to uncheck everything manually.

Doing French landscape value studies. I love those skinny tall trees they have here.

Real life AI slop

Me: In France My oblivious health tracker:

Artemis: done. A bit average compared to The Martian and Project Hail Mary in my opinion 🤷‍♂️ Next up: Hyperion.

I just hired David Lanham to do the artwork for the FilePond landing page! Haven't been this excited in a long time :D 👉 dlanham.com