Dressing Miku

tldr: miku-earth is an interactive map of people’s drawings of the virtual idol Hatsune Miku dressed in the national costumes of countries and subcultures around the world.I like to imagine that Hatsune Miku is just the first step in a new era of virtual celebrities, paving the way for the likes of William Gibson’s Rei Toei to suddenly emerge as real virtual beings. Both Miku and Rei Maps Mania… more →
Posted in: Interactive Maps

Automatically Posting to Bluesky on New RSS Items

Hey folks – just a quick warning. This post is kind of a mashup/update of two earlier posts. Back almost two years ago I talked about this process but used Twitter and Mastodon: "Automatically Posting to Mastodon and Twitter on New RSS Items". Earlier this year I first talked about using the Bluesky API, with a very appropriately named post: "Using the Bluesky API". As I said, this post is going to mash up bits from both, and include new things I’ve not covered before, but for those of you who have been around here for a while, some of this may be repetition. For this solution, I’m using Pipedream. I’ve blogged for years now and love it. Their free... more →
Posted in: JavaScript

Adding Translation with a Web Component and Chrome AI

A few days ago, I blogged about using Chrome’s built-in generative AI features (which are still super duper too early to even consider for production) to add on-device translation capabilities to a web app. It got me thinking, what if we could do translation automatically via a web component? If for some reason it failed, that would be fine as the original text would still be there, but in cases where it could work, it would be automatic. Here’s what I built. First, I whipped up a quick HTML demo of the text I’d like translated: <translate-text>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the... more →
Posted in: JavaScript

How Big is Your Country’s CO2 Footprint?

Jo Wood, a professor of visual analytics, has released an impressive cartogram visualizing each country’s annual CO₂ emissions over the past 200 years. The map was created for the #30DayMapChallenge.Press ‘play’ on the Global C02 Emissions map to view an animated timeline of annual CO₂ emissions by country, from 1800 to 2022. This dynamic visualization offers fascinating insights into the Maps Mania… more →
Posted in: Interactive Maps

Scrambled Hex Maps

Fresh from creating a mobile friendly update for Scrambled Maps, Tripgeo has now released an even trickier puzzle, called Scrambled Hex Maps.  If you love puzzles that challenge your spatial reasoning and problem-solving skills, Scramble Hex Maps is a game you won’t want to miss! This engaging daily challenge invites players to rearrange scrambled hexagonal maps into their correct Maps Mania… more →
Posted in: Interactive Maps

Next Code Break – Blogging with Eleventy

Hey folks – my next <Code><Br> will not be this Tuesday as I’ll be presenting at API World (assuming American gets me there today) so I’ve pushed back the livestream till Thursday, November 7th. Usual time – 12PM CST. You can read more about the event here: https://cfe.dev/talkshows/codebreak-11072024/ I’m going to be discussing Eleventy and building a basic blog. I’ve wanted to cover Eleventy on my show for a while but was waiting for 3.0 to come out. Now that it has – I can’t wait to introduce it to folks. Hope to see you there! Raymond Camden… more →
Posted in: JavaScript

Links For You (10/28/2024)

This post was meant to go out on the weekend, but I got sucked into video games, baking cookies, and, well, watching the Saints suck. I’ve mentioned this already I think, and I’m pretty sure I talked about it on my stream, but my anxiety which had taken a bit of a back seat for nearly a month has come raging back in. November is going to be kind of a crazy month for me – I’ve got two trips, six presentations total, and a major holiday. I’m also just a teeny bit worried about, oh you know, the entire country going to hell, but for today, today I’m just going to focus on tackling things one by one. And with that… your lnks. Converting HTML to Image in Node.js First... more →
Posted in: JavaScript

Free Map Data Grabbers

The Overture Maps Foundation, founded in 2022 by Microsoft, Meta (formerly Facebook), Amazon, and TomTom, aims to provide accessible, interoperable open map data. At the time of its launch I remarked that ‘hopefully in the future the Overture Maps Foundation will develop more user-friendly methods to access the data’. The Overture Maps Explorer (Beta) is exactly that. The Explorer allows Maps Mania… more →
Posted in: Interactive Maps
1 2 3 4 190