Using Parallel Requests to Improve Web Performance / / No Comments Yesterday I blogged about a change I made to my bots page and in it, I mentioned how the performance wasn’t necessarily as good as it could be. I had made the decision to go from server-side and build-time for the page to a purely client-side solution. At the end of the post, I asked folks to let me know if anyone would like to have me work on that performance issue, and, honestly, it kept popping up in my head so I figured I should tackle it. Before I begin talking about what I changed, let me review what I had done, and what the issues are. The Current Solution You can go to the bots page yourself, but in general, this is the process: Given a list of bots… For each one, get the... more → Posted in: JavaScript Tagged with: improve, Parallel, performance, Requests, using
What is Your Climate Risk? / / No Comments The German Foreign Office has released a new interactive map which visualizes climate and conflict risks around the world. The Climate Conflict Vulnerability Index Map identifies areas around the world where climate change and conflicts are likely to happen, and where people are especially vulnerable to these risks.How It WorksThe CCVI is built on three key factors:Climate: Looks at the risks Maps Mania… more → Posted in: Interactive Maps Tagged with: Climate, risk
Getting and Displaying a Mastodon Post in Client-Side JavaScript / / No Comments I’ve got a few pages here that are primarily built for my own use. One of them, my bots page, is a list of all the dumbsuper useful bots I’ve built for Mastodon (and Bluesky). The idea on this page is to show the latest post from each bot. The bots page makes use of two different shortcodes written in Liquid to do this. The first uses the RSS feed of the bot to get their last toot ID: const lastToot = async (instance, user) => { let rssFeedURL = `https://$ {instance}/users/$ {user}.rss`; try { let feed = await parser.parseURL(rssFeedURL); return feed.items[0].guid.split('/').pop(); } catch(e) { console.log(`getting last toot for $ {user} returned an error`); return... more → Posted in: JavaScript Tagged with: Clientside, Displaying, Getting, JavaScript, Mastodon, Post
Take a Code Break Tomorrow / / No Comments Just a quick note to my faithful readers out there – tomorrow, October 22nd, at 12PM CST (Cool Standard Time), I’ll be hosting my next episode of <Code><Br>: In the previous stream, I talked about charting with JavaScript, specifically using Chart.js. In this followup, I’ll attempt to use another library so we can compare and contrast. I don’t know about you, but that sounds like a lot of fun. (I really enjoyed the last stream.) And with this being the last stream before Halloween – I may even dress up! Raymond Camden… more → Posted in: JavaScript Tagged with: Break, code, take, Tomorrow
You Are HERE / / No Comments Sony Pictures has launched a unique interactive experience to promote its upcoming film, Here. By entering your address into You Are Here, you can explore your neighborhood’s history over the last 500 years.Here, directed by Robert Zemeckis and starring Tom Hanks and Robin Wright, is based on Richard McGuire’s acclaimed graphic novel. The film spans multiple generations, focusing on a Maps Mania… more → Posted in: Interactive Maps Tagged with: Here
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