– A simple web component for file previews

/ / No Comments
This was a "I can’t fall asleep and my mind is wondering" type of idea and honestly, I’m surprised at how good it came out. For a while now I’ve shared demos where a user picks an image and … something. It doesn’t matter. But I typically add a preview of the image when it’s selected. This works because once the user selects a file on their local system, JavaScript can then access the bits of that file, making it trivial then to render it. The idea I had, late at night, was simple – what if this could be a web component and expanded to cover different file types? In my imagination, it would look something like this in code: <form> <!--... more →
Posted in: JavaScript Tagged with: , , ,

Adding Music Previews to My Now Page

/ / No Comments
About two months or so ago I added a Now page to my site. It shows my current reading list, my last watched movies, my Untappd beer check-ins, and my most recent Spotify tracks. You can see that part here: When I built it, I used a Pipedream workflow to wrap calls to Spotify’s API. My Pipedream workflow gets my most recent tracks, slims down the data quite a bit, and returns just what I need. I use some client-side code to hit that endpoint and then render it out on the Now page. (I also use a bit of caching with LocalStorage such that the endpoint is only hit every ten minutes.) Currently, when rendering each track, I link to its URL and Spotify users can listen to the track completely.... more →
Posted in: JavaScript Tagged with: , , ,