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
CSS :out-of-range / / No Comments One aspect of web development I’ve always loathed was working with forms. Form elements have been traditionally difficult to style due to OS and browser differences, and validation can be a nightmare. Luckily the native HTML APIs added methods for improving the form validation situation. With input[type=number] elements, you can add min and max attributes. Those attributes are great but the browser doesn’t display distinct error styles if those numbers are out of range. Luckily we have :out-of-range: /* matches when number is not within min and max */ input[type=number]:out-of-range { border-color: red; } Thanks to CSS :out-of-range, developers can style input elements based... more → Posted in: JavaScript Tagged with: outofrange
New Maps of Westeros & Middle-earth / / No Comments Fans of fantasy fiction must believe that they have sailed across the Great Sea and arrived in the blessed lands of Valinor. With both House of the Dragon and The Lord of the Rings: The Rings of Power currently airing on subscription tv we really are living in the Blessed Realms. One of the many highlights from the first two episodes of The Rings of Power have been the sumptuous and sweeping Maps Mania… more → Posted in: Interactive Maps Tagged with: maps, Middleearth, Westeros
Monitor Events and Function Calls via Console / / No Comments Despite having worked on the very complex Firefox for a number of years, I’ll always love plain old console.log debugging. Logging can provide an audit trail as events happen and text you can share with others. Did you know that chrome provides monitorEvents and monitor so that you can get a log each time an event occurs or function is called? Monitor Events Pass an element and a series of events to monitorEvents to get a console log when the event happens: // Monitor any clicks within the window monitorEvents(window, 'click') // Monitor for keyup and keydown events on the body monitorEvents(document.body, ['keyup', 'keydown']) You can pass an array of events to listen for multiple... more → Posted in: JavaScript Tagged with: Calls, Console, events, Function, Monitor
Investigating IndexedDB Wrapper Libraries – Part Three / / No Comments Welcome to the third and final (for now) entry into my series looking at wrapper libraries for working with IndexedDB. I began this series earlier this month demonstrating a simple Contacts database implemented with IndexedDB. In the second entry, I demonstrated how the Dexie library made working with IndexedDB much simpler. Today I’m going to look at my last "planned" entry (I may revisit this again if I find more) in this series – using DPP, or Deep Persistent Proxy Objects for JavaScript. Raymond Camden… more → Posted in: JavaScript Tagged with: IndexedDB, investigating, libraries, part, three, Wrapper
Where Should You Live? / / No Comments MoveMap is an interactive map which can help you decide the best place to live based on your own preferences and tastes. Tell Movemap what kind of weather you prefer, what kind of environment you would prefer to live in and the amount you wish to spend on a property and Movemap will show you the best places to live in the United States which match your preferences. MoveMap uses property price Maps Mania… more → Posted in: Interactive Maps Tagged with: live, should