I’ve been playing around with Trinket, a Durham-built app that lets anyone create interactive coding lessons. Originally, the site let you build Python trinkets but has expanded to HTML 5 trinkets. As I’ve tweaked pett.io’s splash page over the weeks, I’ve experimented with the use of various gradients, particularly after I decided I needed to look at a different image every time I came to the site, rather than just the original one of Zellouisa. I didn’t want to spend a lot of time finding the perfect images for overlaying white text. Just adding a transparent black gradient helped a lot. And that inspired me to create a Trinket. I wish I had some time to delve more into what’s going on and create better examples. And there are other ways to accomplish clean text overlays of images. Anyway…here it is… I’m a Trinket fan.

https://trinket.io/embed/html/548c44b9b6