The Car Free Cities Atlas / / No Comments The cyclists of Helsinki have the best access to protected bike lanes of any citizens in the world. 94% of people in the city live within 300m of a protected bikeway. This means that Helsinki scores number one out of the 1095 cities ranked in the Atlas of Sustainable City Transport.The new Atlas of Sustainable City Transport ranks and maps cities around the world based on how easy Maps Mania… more → Posted in: Interactive Maps Tagged with: atlas, cities, free
(Don’t) Add BASIC Support to Eleventy / / No Comments So yesterday I wrote up the process of adding the Squirrelly template language to Eleventy. It was, essentially, five minutes of work due to how well Eleventy supports adding custom languages. After writing it up, publishing it, and running some errands, a really bad and silly idea came to me… what if I added BASIC support to Eleventy? Way back in the Stone Age, my first computer language was Applesoft BASIC on an Apple 2e (or +, not sure). Just look at this rad machine and imagine it paired with a monochrome green monitor: By Bilby – Own work, CC BY 3.0, https://commons.wikimedia.org/w/index.php?curid=11119727 I wrote a lot of programs on that machine, most typed by hand from the... more → Posted in: JavaScript Tagged with: BASIC, don't, Eleventy, Support
Building a Web Version of Your Mastodon Archive with Eleventy / / No Comments A couple of days ago Fedi.Tips, an account that shares Mastodon tips, asked about how non-technical users could make use of their Mastodon archive. Mastodon makes this fairly easy (see this guide for more information), and spurred by that, I actually started work on a simple(ish) client-side application to support that. (You can see it here: https://tootviewer.netlify.app) This post isn’t about that, but rather, a look at how you can turn your archive into a web site using Eleventy. This is rather rough and ugly, but I figure it may help others. Here’s what I built. Start with a Fresh Eleventy Site # To begin, I just created a folder and npm installed Eleventy. I’m using the... more → Posted in: JavaScript Tagged with: Archive, building, Eleventy, Mastodon, version
The Riskiest Places to Live in America / / No Comments Los Angeles County is a dangerous place to live. According to the National Risk Index the residents of Los Angeles County are more likely to suffer from a natural hazard than anywhere else in the United States. The residents of Los Angeles County are more likely to experience an earthquake than any other US location. They also have one of the highest chances of experiencing a landslide and Maps Mania… more → Posted in: Interactive Maps Tagged with: America, live, Places, Riskiest
Working with Pasted Content in JavaScript / / No Comments This began as me wanting to build an Alpine.js application that handled pasted input, but I realized before I looked into handling this with Alpine, it made sense to start with basic vanilla JavaScript at first. I’ve worked with the clipboard before, mainly storing information to it, but this was the first time I looked at handling input from the clipboard. The web platform handles it rather nicely, but as with most things, there are a few interesting things you need to be aware of. Here’s what I found. Listening To the Event # The first thing you need to do is actually listen to the event. While you probably listen on a part of a DOM, it made the most sense to me to listen at the... more → Posted in: JavaScript Tagged with: Content, JavaScript, Pasted, working
France Surrenders to Facism / / No Comments The far-right National Rally has won 33% of the vote in the first round of France’s parliamentary elections. You can view the results in each constituency in Le Monde’s French elections: Map of the first round’s results.Le Monde’s map is a sea of brown, revealing that the National Rally has managed to become the most popular party in electoral districts across the whole country. There is a Maps Mania… more → Posted in: Interactive Maps Tagged with: Facism, France, Surrenders
1000+ Streets Called Washington / / No Comments George Washington has more streets named after him in America than any other person in history. There are 1,399 streets named for the Founding Father in the United States, including George Washington Memorial Parkway in Washington DC and a number of Washington Streets in the state of Washington.At the other end of the scale Babe Ruth has only 3 U.S. streets named in his honor. There are 11 Maps Mania… more → Posted in: Interactive Maps Tagged with: 1000+, Called, Streets, Washington
Storing Recipes in IndexedDB / / No Comments The last two sessions of my show, <Code><Br>, were taken up talking about one of my favorite web platform features, IndexedDB. This is a topic I’ve covered many years on the blog (I even wrote a book on it back in 2016) so I thought it would be a good topic for the show. (I will include links to those episodes at the end of this post.) In the first session, Sue, one of the folks watching the live stream, suggested I use recipes as an example of data to persist in the browser. I thought this was perfect as recipe data can get quite complex. You can see an example of that in the post I wrote earlier this month on scraping recipes. For the context of the live stream, I decided... more → Posted in: JavaScript Tagged with: IndexedDB, Recipes, Storing