Adding Responsive Images with Cloudinary / / No Comments In case you can’t tell, I’ve been enjoying playing around with Cloudinary these last few weeks. As part of my research, I recently looked around in the docs for things I wanted to dig deeper into. One of the features I thought was fascinating was Cloudinary’s remote image support. What does that mean? Raymond Camden… more → Posted in: JavaScript Tagged with: Adding, Cloudinary, images, Responsive
Mapping A Rainy Day in Paris / / No Comments For day 2 of the #30DayMapChallenge I’ve created an animated Map of A Rainy Day in Paris. Obviously this one isn’t a map but it does use the Leaflet mapping library, GeoJSON and uses animated polylines. What you can see in my ‘map’ is a partial recreation of the painting Paris Street; Rainy Day by Gustave Caillebotte. You can see the painting itself on this instance of my Leaflet-IIIF-GeoJSON Maps Mania… more → Posted in: Interactive Maps Tagged with: Mapping, Paris, Rainy
Integrating Cloudinary Notifications with Pipedream / / No Comments As I continue my journey into learning the awesomeness of the Cloudinary platform, today I decided to take a look at their notifications support. Cloudinary lets you specify a webhook URL that will be hit on different types of events. I whipped up a quick example of using this with Pipedream, my favorite service for processing webhooks. Here’s how I did it. Raymond Camden… more → Posted in: JavaScript Tagged with: Cloudinary, Integrating, Notifications, Pipedream
An Alpine.js Template for Glitch / / No Comments I discovered Glitch a few months ago, and while I haven’t used it a lot since then, the more I do, the more I really dig it. When working on my blog post yesterday, I shared the demo as a Glitch project, you can see it here if you would like. While setting up the project, I fumbled a bit with the right order of script tags, which was entirely my fault, but knowing my memory I wanted to note what worked for me, and share it with others. Let’s start with the code first. Raymond Camden… more → Posted in: JavaScript Tagged with: Alpine.js, Glitch, Template
US Level 0 / / No Comments My social media accounts have been lit up today by people posting their US Level and Europe Level scores. US Level and Europe Level are two very simple interactive maps which can score your globetrotting experience by awarding you points based on the number of states or countries you have visited.Working out your US Level is very easy. All you have to do is click on each U.S. state and choose Maps Mania… more → Posted in: Interactive Maps Tagged with: Level
Building an API to List Cloudinary Images in a Folder / / No Comments I was preparing to work on a Cloudinary and Apline post when I realized I needed something before I could build that demo – a list of images in a Cloudinary folder. While this is directly supported by their SDKs and REST APIs, I needed something that could be used in a public-facing web application. So with that in mind, I turned to Pipedream to build a serverless endpoint. Here’s how I did it. Raymond Camden… more → Posted in: JavaScript Tagged with: building, Cloudinary, Folder, images, List
Mapping in Time & Space / / No Comments The ESA Star Mapper visualisation is an interactive map of the Universe. It allows you to explore in 3D 59,921 stars from the Hipparcos Catalogue. If you select the ‘Motion’ option at the bottom of the map you can view an animated visualiztion of how stars move through space. You can orient yourself on the map by turning on star names, the outline of the constellations, and/or a graticule of Maps Mania… more → Posted in: Interactive Maps Tagged with: Mapping, Space, time
Integrating Cloudinary into Eleventy / / No Comments I’ve had on my "to-do" list for months now to take a look at Cloudinary and their media APIs. I got some time this week to play around with it and I wanted to share my experience. TLDR – it’s freaking incredibly well done and surprisingly powerful. Here’s what I found. Raymond Camden… more → Posted in: JavaScript Tagged with: Cloudinary, Eleventy, Integrating, into