Scrambled Maps for Mobile / / No Comments Scrambled Maps Just Got a Mobile Makeover, Thanks to TripGeo!Great news for puzzle lovers! TripGeo has been hard at work to make Scrambled Maps even better – now fully optimized for mobile devices. If you love solving map challenges, you can now take Scrambled Maps with you wherever you go, right on your phone!For those new to the game, Scrambled Maps is a fun daily challenge where Maps Mania… more → Posted in: Interactive Maps Tagged with: maps, Mobile, Scrambled
Adding AI Insights to Data with Google Gemini / / No Comments Yesterday, Elizabeth Siegle, a developer advocate for CLoudflare, showed off a really freaking cool demo making use of Cloudflare’s Workers AI support. Her demo made use of WNBA stats to create a beautiful dashboard that’s then enhanced with AI. You can find the demo here: https://wnba-analytics-ai-insights.streamlit.app/ I found this incredibly exciting. I last looked at Cloudflare’s AI stuff almost an entire year ago ("Using Cloudflare’s AI Workers to Add Translations to PDFs"), and I haven’t quite had a chance to try it again, mostly because I’ve been focused on Google Gemini for my Generative AI work. From an API/usage perspective, Cloudflare’s... more → Posted in: JavaScript Tagged with: Adding, data, Gemini, Google, Insights
JavaScript Clipboard Stuff / / No Comments Forgive the somewhat vague title, but I wanted to point folks to a series of articles I’ve had published on the Frontend Masters blog the past few weeks. I started writing for them recently, and while I note my "external writing" on my About page, I wanted to specifically call out this series. Over three articles, I discuss reading and writing to the clipboard with JavaScript as well as working with paste events: Reading from the Clipboard in JavaScript Writing to the Clipboard in JavaScript Handling Paste Events in JavaScript That last article is an updated version of a post of mine from July, but it’s got some new material in it so I definitely recommend checking it... more → Posted in: JavaScript Tagged with: Clipboard, JavaScript, Stuff
What is Your Neighborhood Scare Score? / / No Comments The Spookiest ZIP Codes in the U.S.As Halloween approaches, many of us are stocking up on candy, preparing costumes, and decking our homes with spooky décor. But did you know that how much candy, costumes, and Halloween decorations you buy might reveal just how into Halloween your neighborhood is? That’s the concept behind Instacart’s brand-new interactive map, Explore America’s Haunts, which Maps Mania… more → Posted in: Interactive Maps Tagged with: neighborhood, Scare, score
Links For You (10/13/2024) / / No Comments Happy Sunday and Happy Saints Are Winning As I Write this day. Before I get into the links, some administrative. At the bottom of my posts, I’ve got share links. A few days ago I removed the share to Twitter link as I’ve gradually removed myself from that platform. I was on there a few weeks ago desperate for some technical help, but in general, I’m pretty much done with the platform. I’ve added a share to Bluesky (where you can find me as @raymondcamden.com) but unfortunately, it isn’t quite working yet. I followed the directions for ‘Action Intent Links’, but even the example on their docs isn’t working. I’m going to keep the share link... more → Posted in: JavaScript Tagged with: 10/13/2024, links
Florida’s Waffle House Index Score / / No Comments In the wake of Hurricane Milton, which made landfall on Florida’s Gulf Coast with devastating winds and flooding, emergency responders are working to assess the damage. One unconventional but, some argue, effective tool for gauging the situation is the “Waffle House Index,” a metric used by the Federal Emergency Management Agency (FEMA) to evaluate the severity of storms and guide disaster Maps Mania… more → Posted in: Interactive Maps Tagged with: Florida's, House, Index, score, Waffle
Generating Illustrated Stories with AI / / No Comments A few months ago, I built a little demo that I simply forgot to actually talk about here. A coworker was building something similar and it reminded me to take a look at the code, update it, and actually share it. This is a pretty cool example of integrating multiple different APIs to create a final product, in this case, a short story with pictures. Here’s an example: How was this built? At a high level: Google’s Gemini AI is used to generate a short story. Adobe’s Firefly Services is used to generate the images. Adobe’s Acrobat Services is used to turn the text into a PDF. That’s the high level, now let’s get into the nitty-gritty. Generating a Story To... more → Posted in: JavaScript Tagged with: Generating, Illustrated, Stories
Custom Markers with Leaflet / / No Comments As I continue to dig into Leaflet, I was recently asked about custom markers based on data, so for example, some locations for a store may use one icon while others use another. I did some digging, and while it turns out Leaflet has deep support for customizing markers, it does take a little bit of work. Here’s what I found. First off, this is the default marker: Out of the box, this is it. Period. I can appreciate the library wanting to keep its size to a minimum, but I was a bit surprised. That being said, the library provides really flexible support for creating your own markers. The first thing I found was the tutorial, Markers With Custom Icons. In this tutorial, they describe the... more → Posted in: JavaScript Tagged with: custom, Leaflet, Markers