Upgraded to Eleventy 3.0 (Beta) / / No Comments Like I assume most of my fellow Eleventy users have been doing, I’ve been closely following the updates on Eleventy and its progress towards 3.0. As my blog is a fairly large site, I wasn’t in a rush to upgrade to an Alpha release, but the recent beta release convinced me it was time to take the plunge. The TLDR is that… it took me roughly an hour (most of which was by choice, I’ll explain below) and it’s been smooth sailing. Want to know more? Keep on reading… The Upgrade Helper Per the release notes, I made use of the upgrade helper which is a plugin you install along with, of course, upgrading your site to Eleventy 3. This worked well and flagged my only... more → Posted in: JavaScript Tagged with: Beta, Eleventy, Upgraded
Links For You (8/3/2024) / / No Comments The past few weeks have been a bit crazy, although mostly crazy good. Since the last one of these posts, my family and I went on vacation in San Antonio for a few days, and currently, my wife and I are in New Orleans for a short break. Last night we went to the Postmodern Jukebox concert which was easily one of the most fun concerts I’ve been to. I’ll share one of their clips at the end, but let me just say that they were a real treat live. CSV for Eleventy First up is a great example of why I love Eleventy – its flexibility. This post, "Eleventy – Add CSV data file support" describes how you can use CSV files in Eleventy to drive your content. Eleventy’s... more → Posted in: JavaScript Tagged with: 8/3/2024, links
Exploring London Through the Artist’s Eye / / No Comments “… this tide is always moving! Always! When all those people we now see in such activity are in their graves, the same hurried activity will still continue here …” – Hans Christian AndersenWhen Hans Christian Andersen visited London in June 1847 he was obviously impressed by the pace of London life. In his autobiography he called the English capital,”London, the city of cities! … Here is Maps Mania… more → Posted in: Interactive Maps Tagged with: Artist's, Exploring, London, through
Help Me Solve an Alpine.js Mystery / / No Comments Yesterday I wrote up my experience in building a simple CRUD interface using Alpine.js, and in doing so, ran into an interesting issue. While it would be best to read the entire previous article, let me try to break down the issue… or at least as how I saw it. My Alpine app had a variable, cats, that was an array of objects. I looped over them and displayed them in a simple table: <template x-for="cat in cats"> Notice I’m using a variable, cat, to represent each element of the array. Here’s one example of using it: <td x-text="cat.name"></td> The application also made use of a cat variable. This was intended to be used in the edit form.... more → Posted in: JavaScript Tagged with: Alpine.js, help, Mystery, Solve
The Best Graphics Team in the World / / No Comments The Straits Times has the best graphics department in the world – probably. The Washington Post and New York Times might be contenders but because of their paywalls most of their work is hidden away from most of the world.The latest astonishing demonstration of the graphic skills of the Straits Times comes in an article celebrating the 100 year anniversary of the construction of the Maps Mania… more → Posted in: Interactive Maps Tagged with: best, Graphics, Team, World
Building a CRUD Web App with Alpine.js / / No Comments One of the things I try to encourage here is for my readers to reach out with their questions. That rarely happens, but when it does, I try my best to answer as soon as possible. In this case, I got a great question from a reader back in May and then… life happened. Sorry, Nicholas, but hopefully this isn’t too late. His question was pretty simple – could I build an example of using Alpine.js for a CRUD interface? For folks who may not know the term, CRUD refers to: (C)reate (R)read (U)pdate (D)elete You’ve probably seen a hundred interfaces like this. You have a list of content with links to edit one, delete one, and a link to add a new instance of that content. When... more → Posted in: JavaScript Tagged with: Alpine.js, building, CRUD
The US Road Fatality Map / / No Comments Last week I posted a link to the NYC Congestion Zone Live Crash Tracker, an interactive map of car crashes in New York City. If you live outside of New York then you might prefer Roadway Report instead, which is a visualization of American roadway fatalities in the 21st Century.The Roadway Report map uses road traffic accident data from the National Highway Traffic Safety Administration’s Maps Mania… more → Posted in: Interactive Maps Tagged with: Fatality, road
Your Daily Map Trivia Game / / No Comments TripGeo Trivia is a new daily geography quiz which requires you to identify ten cities based on a number of clues. Every day ten new random cities from around the world need to be identified. To help you in this task you can view three clues as to the identity of each city.Every day you get to identify ten new cities. For each city you get three clues and a choice of possible answers. Using the Maps Mania… more → Posted in: Interactive Maps Tagged with: Daily, Game, Trivia