Dan Wilson is a user on mastodon.social. You can follow them or interact with them if you have an account anywhere in the fediverse. If you don't, you can sign up here.

Dan Wilson @danwilson@mastodon.social

Just saw that season 4 of Tumble Leaf is coming next month. The attention to detail and focuses on imagination, inclusion, and being curious are superb. As someone who has always been interested in studio animation, this collection of behind-the-scenes stories and videos is inspiring:


The Web Animations API on iOS 12 beta 1 ... It was toggled on by default in the Experimental Features (but so were a lot of things I wouldn't expect).
It's looking like it has everything that latest Safari Tech Preview has codepen.io/danwilson/pen/gzoeL mastodon.social/media/xDueBZa5

Three year old just built an impressive tower of blocks and was telling me how it was a new level for the people and birds game (Monument Valley) and told me how the character was supposed to move it to get everything aligned and get to the door...

and well... it was fantastic.

I actually don't get recruiter messages on LinkedIn very often. But when I do, it's from an old friend from high school who clearly doesn't remember why they are connected to me on LinkedIn.

New blog post: More musings on the newer aspects of CSS Motion Path in Chrome with Experimental Web Platform Features


An Overheard Monologue, in Two Parts

"I hate that every feature we make gets compromised due to time or budget... we never get to build what the user really needs"

(Five minutes pass)

"I hate that Slack doesn't let me react to reactions... how could their developers not support this yet?!"

iOS 11.3 Safari Show more

I've *literally* had 80% of my projects request a radial progress bar in the last 5 years. It's great how simple the approach can be, and I'm glad Dave outlined one of the simplest approaches out there: daverupert.com/2018/03/animate

Working on some fun CodePens with the kid as they put their feet on the screen saying "oh... my toes like CodePen"

Sometimes I get lost and enter a tranquil state as I look into my baby's eyes, staring and finding a joy I honestly did not know possib- HOW ARE YOU SO STRONG AND DETERMINED TO RIP MY CHEEK OFF

Banners in the Wind... animating offset-path (as opposed to offset-distance) from the CSS Motion Path spec, 3D rotations, Web Animations API, and more


(Due to the Motion Path, full demo only in Chrome/Opera)

So... pretty sure the theme music from Pinkalicious is inspired by the music from the Glee-inspired Community episode from season 3.



I forgot I'm the only person spending time thinking about this.

Three articles in a month? I know, I know.

What I think is the quickest entry point to understanding what Houdini offers... the `CSS.registerProperty()` method:


✨ New Post: Creating Barrier Grid animations on the web. Like the Scanimation books or old toys that build animations from two layers...


I love having and subscribing with RSS... but I sure seem to mangle my feed at least once a year.

✨ New Post: The first in a series recreating optical illusions and mechanical toys on the web... starting with the "red reveal" trick employed on board games like Password and Outburst


… Featuring: blend modes, streaming video, & CSS Variables

In CSS Motion Path in Chrome Canary news: offset-anchor is working with version 66... changing where the anchor point is for an element moving along an offset-path

codepen.io/danwilson/pen/wJRmG mastodon.social/media/j5s-w6UK

Blog Post Draft Folder:

The Zen of Hand Coding SVGs
The Red Reveal: Illusions on the Web Part 1
Pause It All

Because when I get bogged down in the day to day of web development I focus on fun future things (but already experimentable (yes, made up word (sorry)))...

I've created a CodePen collection of people experimenting with Houdini and animating Custom Properties (Chrome + Experimental Web Platform Features flag)



A (with sincerity): Wow... pretty forward-thinking of our client to do this as an iPad app four years ago

B (with snark): I guess that's why they are sunsetting it and hired us to rebuild it on the web.