World Level Zero / / No Comments How well traveled are you?My new map World Level Zero turns your travel experiences into a global achievement tracker. Whether you’ve been globetrotting for years or are just getting started, World Level Zero allows you to plot your personal journey across the globe and turn your wanderlust into a tangible score.What Is World Level Zero?At its core, World Level Zero revolves around a simple Maps Mania… more → Posted in: Interactive Maps Tagged with: Level, World, Zero
Using Asynchronous Content in Leaflet Popups / / No Comments Today in my <Code><Br> stream (I’ll share a link to the video at the bottom), I spent some time digging into Leaflet and worked on a demo that made use of the National Parks Service API. This is a fun API I’ve used many times in the past, especially at my last job at HERE. For the stream today, I wanted to build the following: Create a map that loads a geojson file of NPS parks. The geojson file contains the code and name for each park. On clicking one of the markers, use the NPS API to get more information about the park. In general, I’ve found everything in Leaflet to be stupid easy, but this particular aspect turned out to be a bit more difficult, which of course... more → Posted in: JavaScript Tagged with: Asynchronous, Content, Leaflet, Popups, using
Links For You (9/15/2024) / / No Comments Happy Half Way Through September… which isn’t a thing I guess, but, I’m just in awe at how much faster time goes in the fall compared to summer. With the kids in school, and activities, time just seems to fly by. In roughly two weeks I’ll (and my wife) will be in Vegas for the Adobe ColdFusion Summit. If you’ll be there too be sure to say hi. Before then I’ll be speaking online at the JavaScript Global Summit next week. All of these upcoming conferences is just enough to make me forget I got a rejection today. 😉 Lets focus on the positive, right, like some fun links for your enjoyment! CSS One Liners First up is a great collection of CSS one liners by Alvaro... more → Posted in: JavaScript Tagged with: 9/15/2024, links
Scrambled Maps on Toast / / No Comments I have a new favorite daily breakfast map game. Everyday my espresso and avocado toast is now served with a side dish of Scrambled Maps.Scrambled Maps is a new daily map challenge. Everyday Scambled Maps presents you with a map of a different city of the world. The only problem is that all the map tiles on this city map have been mixed up. Your task is simply to drag the tiles back into the Maps Mania… more → Posted in: Interactive Maps Tagged with: maps, Scrambled, Toast
Using AI to Roast Your Photos / / No Comments Chalk this up as another of my "this is probably not a good idea, but it’s fun" blog posts. A few weeks back my buddy and ColdFusion Evangelist Mark Takata shared a fun little thing he did with GenAI – using it to roast himself. That immediately set me off on a quest to see just how much fun I could have with the idea. Now, to be clear, I do not like mean people. But having a disembodied set of code routines roast me? Sounds perfect. Back in December last year, I built an experiment where I used the device camera on a mobile web app and asked Google Gemini what kind of cat breed was in the picture: Using Generative AI to Detect Cat Breeds That experiment worked really well... more → Posted in: JavaScript Tagged with: photos, Roast, using
The Map to the White House / / No Comments NBC has launched the 2024 edition of its Road to 270 interactive electoral college map. The map visualizes the current likely, possible and fantastical outcomes of the 2024 U.S. Presidential race. Last night Kamala Harris and Donald Trump went head-to-head in their first presidential debate. The Philadelphia debate was a hugely significant opportunity for both Harris and Trump to present their Maps Mania… more → Posted in: Interactive Maps Tagged with: House, White
Using the Chrome AI Summarizer (Early Look) / / No Comments I’ve looked at Chrome’s on-device GenAI development a few times now, and as a feature it is moving pretty fast. In fact, that first post and my follow up both don’t work anymore due to the API changing. I’m fine with that as I knew it was a bleeding edge feature, but I just want to warn folks ahead of time that everything you see here may, no, will change, probably a lot. As before though, I’m keep getting more and more excited about the possibilities here. I’m still not certain this will see the light of day (in mainline Chrome) or expand out to other browsers, but it’s quite interesting. Most recently, Google has added three new APIs to the feature: A... more → Posted in: JavaScript Tagged with: Chrome, Early, Look, Summarizer, using
How to Download a YouTube Video or Channel / / No Comments The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent downloads. Luckily we have tools like yt-dlp to download individual YouTube videos or entire channels of content. To download an entire channel, you can use yt-dlp: yt-dlp https://www.youtube.com/@beetlejuicearchives3490 If you’re like me and only care for the audio, you can use a few more arguments: yt-dlp -x --audio-format mp3 https://www.youtube.com/@beetlejuicearchives3490 youtube-dl used to be... more → Posted in: JavaScript Tagged with: Channel, download, video, YouTube