The RAF Map of Post-War London / / No Comments Layers of London is an interactive map which gives you access to lots of historic maps and historical information about the capital city. This morning I’ve being exploring the Layers of London RAF Aerial Collection (1945-1949). After World War II the Royal Air Force methodically flew over the whole of Britain to photograph the country from the air. This resulted in 24,000 photographs of London. Maps Mania… more → Posted in: Interactive Maps Tagged with: London, PostWar
CSS :autofill / / No Comments Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been autofilled by the browser, you can use the :autofill pseudo-class: input:autofill { border: 2px solid orange; } I’m really happy that browsers allow site and app developers to customize the styling of elements that have been changed by the browser. Autofill, to a degree, is an unnatural act, so signaling to that the value in an input was changed without control is important. Since different... more → Posted in: JavaScript Tagged with: autofill
Building a Web View of a Public Google Drive Folder / / No Comments I’m working on a project to help with local initiatives and as part of that effort, I needed to look into creating a nice way to display, make available, etc., files stored in Google Drive. Google Drive lets you make a folder public, and to be honest, the interface isn’t too hard to use. I’ve got a folder you can open yourself at https://drive.google.com/drive/folders/1FYLaoscxWBV_BU5sFouf7XCrv7cKktBY?usp=sharing. Here’s how it looks if you don’t want to click. Raymond Camden… more → Posted in: JavaScript Tagged with: building, Drive, Folder, Google, public, View
Documenting Russian Aggression in Ukraine / / No Comments Over the last couple of weeks the Ukrainian army has made some incredible advances against the Russian occupying forces, retaking thousands of square miles in the east of the country. Video clips of joyous local citizens welcoming the liberating soldiers have been shared around the world. 360war wants to ensure that images of the damage caused by the occupying Russian army are also seen by Maps Mania… more → Posted in: Interactive Maps Tagged with: Aggression, Documenting, Russian, Ukraine
How to Inject a Global with Web Extensions in Manifest V3 / / No Comments For those of you not familiar with the world of web extension development, a storm is brewing with Chrome. Google will stop support for manifest version 2, which is what the vast majority of web extensions use. Manifest version 3 sees many changes but the largest change is moving from persistent background scripts to service workers. This…is…a…massive…change. Changes from manifest version 2 to version 3 include: Going from persistent background script to a service worker that can die after 5 minutes No use of <iframe elements or other DOM APIs from the service worker All APIs have become Promise-based Restrictions on content from a CSP perspective One function that... more → Posted in: JavaScript Tagged with: Extensions, global, Inject, Manifest
The Disastrous Growth of Arctic Wildfires / / No Comments Temperatures in some parts of the Arctic this year have risen as much as 30C. Because of global heating the Polar Jet Stream is slowing down, which in turn can lead to extended punishing heat waves in the Arctic. Another effect of global heating is an increase in lightning strikes in the Arctic. This combination of extreme high temperatures, slower air circulation, and increased lightning Maps Mania… more → Posted in: Interactive Maps Tagged with: Arctic, Disastrous, Growth, wildfires
Using Google Maps with Alpine.js / / No Comments It’s been a little while since I’ve blogged about Alpine.js, and I thought an example of integratingGoogle Maps with it would be a good way to continue my path to becoming comfortable with the framework. I imagined it would be fairly simple, but in building a few demos I ran into some interesting issues that helped me learn a bit more about Alpine. Let’s take a look. Raymond Camden… more → Posted in: JavaScript Tagged with: Alpine.js, Google, maps, using
Is Havana the World’s Least Sexist City ? / / No Comments Geochicas has been at the forefront of efforts around the world to reveal the under-representation of women in street names. Their interactive map Las Calles de las Mujeres explores the ratio of streets named for men and women in a number of cities in Spain, Argentina, Mexico, Bolivia, Cuba, Paraguay, Peru, Italy and Uruguay. The Geochicas map now includes an analysis of street names in 32 Maps Mania… more → Posted in: Interactive Maps Tagged with: City, Havana, least, Sexist, world's