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
Do You Live in a 15 Minute City? / / No Comments A 15 Minute City is an urban environment which promotes a sustainable future by ensuring that all the essential needs of individuals can be accessed without having to get in a car or use public transport. These essential needs include such things as grocery stores, health care facilities, cultural attractions, transit stops, educational facilities and leisure activities. Individuals living in a Maps Mania… more → Posted in: Interactive Maps Tagged with: City, live, Minute
Determine Default App for File Type from Command Line / / No Comments One quality of life improvement any developer can make for themselves is ensuring different file types open in the app they’re most proficient in. If you know me, you know I prefer accomplishing as much as possible from the command line. The duti utility allows users to determine default file type from command line. The duti utility allows developers to query which app is the default for different file types. You can install duti with brew: brew install duti Once you have duti available, you can check on the default app for file type with the following command: ~ duti -x md Xcode.app /Applications/Xcode.app com.apple.dt.Xcode You can set the default app by using its package: duti... more → Posted in: JavaScript Tagged with: Command, default, determine, file, from, line, type
Mapping the Growth of a City in 3D / / No Comments Zurich 4D is an interactive 3D map of Switzerland’s largest city. The map was developed by the city’s Building Department in order to provide a freely accessible 3D model of the city. The Zurich 4D map allows you to explore more than 50,000 buildings in Zurich in glorious 3D and is used by the city for planning construction projects, modeling noise pollution, and city planning etc. What Maps Mania… more → Posted in: Interactive Maps Tagged with: City, Growth, Mapping