Brilliant… and nostalgic. Windows 3’s control panel had a facility to draw tiled pixel patterns which was a simpler version of this. It was called the <i>Pattern</i>: <a href="https://swiat-owocow.pl/grafiki/wallpaper-win30.png" rel="nofollow">https://swiat-owocow.pl/grafiki/wallpaper-win30.png</a>
This is delightful fun, but suffers a bit from Mystery Meat Navigation (<a href="https://en.wikipedia.org/wiki/Mystery_meat_navigation#Iconographic_navigation" rel="nofollow">https://en.wikipedia.org/wiki/Mystery_meat_navigation#Iconog...</a>)<p>The pencil and eraser I get, and I thought one of the controls was Undo, but that one seems to be a toggle? And I have no idea what the last one is.
Wow! This reminds me of something similar I did and am proud of. I gave the tools to designers/developers in companies that we were pitching to help them design "smooth rounded corners" in either CSS or Flash during the early 2000s.<p>I don't remember the years but around 2004-2006, smooth rounded corners were still hard to do if you do not know "feathering" in the graphic software and then using it in CSS or as sprites for Flash.<p>I have lost the tool and the code but here is the article I wrote after reading happy emails from developers.
<a href="https://brajeshwar.com/2005/splice9-bitmap-window-resizer-component-01b/" rel="nofollow">https://brajeshwar.com/2005/splice9-bitmap-window-resizer-co...</a>
I used this technique for making Super Mario World style borders for HTML elements a couple of years ago. <a href="https://ooer.com/blog/2020-09-10-image-border/" rel="nofollow">https://ooer.com/blog/2020-09-10-image-border/</a>
Very cool, would be great to have a way to share these or to view ones others have made as presets/templates. Here is a 'double bevelled' border: <a href="https://imgur.com/wPxvdCZ" rel="nofollow">https://imgur.com/wPxvdCZ</a>
<a href="https://jsfiddle.net/h40bv6sr/" rel="nofollow">https://jsfiddle.net/h40bv6sr/</a><p>One cant share the creation in the tool.<p>Just put the data uri behind the page link.
I tried: <a href="https://codepen.io/shreydan/pen/ZEjRPwx" rel="nofollow">https://codepen.io/shreydan/pen/ZEjRPwx</a>