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
About to launch my first Progressive Web App... a one pager that uses the device's camera... and I'm very excited about it.
iOS 11.3 came out.
And iOS 11.3 makes it unusable, because getUserMedia() is not available to homescreen apps.
So why force it as a standalone app in fullscreen?
Because that's better for Android/Windows since it is one screen and can fill the space with the camera.
And now that 11.3 understands Web App Manifests... it chooses to launch fullscreen.
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: https://daverupert.com/2018/03/animated-svg-radial-progress-bars/
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
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.
Ok... those were my only long posts here. I mean "toot"s.
I had a goal at the end of 2017 to set my site up to use indie auth and webmentions, but I did not make it in time.
The last three years have been great without the Facebook app on my phone. Taking the next steps with Twitter, email, and more (blog draft in progress).
New goal is to keep phone light and move things I still find useful to computer-only.
Ok. First real steps here are to go through my bird+web people and follow them.
Next is to set up my site more indie-style and syndicate from my site.
Last step is resist temptation to sign into Twitter site on my phone.
Oh last last step that I failed at months ago when I first joined is get over the use of "toot"