Converting a Vue 2 App to Alpine.js / / No Comments A little over two years ago I published an "idle clicker game" built in Vue.js. I called it "IdleFleet" and was heavily inspired by games like A Dark Room, where I relied on simple text graphics and game mechanics that would change as you played. In my last <Code><Br> session, I walked through the process of building a simple text game and brought up IdleFleet as an example. While playing the game to refresh my memory about what I actually built… I discovered I actually really liked it. I decided it would be good to give it some attention with new features and other updates, but before I could do that, I knew I needed to switch from Vue to Alpine.js. Why... more → Posted in: JavaScript Tagged with: Alpine.js, Converting
Solar Symbology / / No Comments The one thing that you are guaranteed to see before a solar eclipse is lots of maps. With just over a month to go before April 8th’s total solar eclipse new solar eclipse maps are being released almost daily. Over on the Esri blog Kenneth Field has introduced his new Total Eclipse map. Kenneth’s map uses small symbols to visualize the extent of the eclipse possible at different locations Maps Mania… more → Posted in: Interactive Maps Tagged with: Solar, Symbology
TIL – submit() versus requestSubmit() / / No Comments Today I learned (well, technically, a few days ago, the week has been a lot), that the web platform supports a requestSubmit method. Since the beginning of time (or the beginning of JavaScript), we’ve been able to submit forms like so: var myForm = document.getElementById('theform');myForm.submit(); I intentionally used getElementById there as a reminder of what we had before jQuery. Given that, why do we need another method? Two important requests. Reason the First # When using submit, any validation of form fields is completely skipped. Consider this form: <form method="post" id="theForm"> <p> <label for="name">Name</label> <input... more → Posted in: JavaScript Tagged with: requestSubmit, submit, versus
Who Deserves a Monument Anyway? / / No Comments Distribution of Confederate monumentsThanks to Geochicas and the Mapping Diversity project there has been quite a lot of data analysis undertaken over the last few years into the lack of diversity in the street names of cities around the world. According to Mapping Diversity in the 32 cities which they have analyzed “More than 90% of the streets named after individuals are dedicated to white Maps Mania… more → Posted in: Interactive Maps Tagged with: Anyway, Deserves, Monument
Street View Surveillance / / No Comments The Electronic Frontier Foundation’s Spot the Surveillance game is a virtual reality game which requires players to identify surveillance equipment in a panoramic image of a San Francisco street scene. Panning around this 360 degree view players are required to detect the every day surveillance equipment which is now routinely used on America’s streets, such as body-worn cameras, automated Maps Mania… more → Posted in: Interactive Maps Tagged with: Street, surveillance, View
Testing Multiple Variations of Generative AI Prompts / / No Comments In nearly all of my recent explorations of Generative AI, I’ve come to realize how important prompts are. That hasn’t necessarily translated me into writing better prompts all the time, but being aware of the problem is at least one step towards correcting it, right? One of the things that I thought would help me personally would be to have a tool to quickly compare and contrast different prompts. Obviously, I could just open up multiple tabs in a browser, but I really wanted something more direct and simplified for my purposes. With that in mind, let me share what I’ve built. Prompt Tester # Prompt Tester is my incredibly imaginatively named tool to… um… test prompts.... more → Posted in: JavaScript Tagged with: Generative, multiple, Prompts, Testing, Variations
Four Seasons in One Map / / No Comments Chronolog is an interactive map of timelapse photographs designed to help monitor the environment. It is a citizen science project which encourages organizations and individuals to engage with nature while recording and monitoring the changing environment.The Chronolog map allows you to explore timelapse photos of nature which have been captured around the USA (and one or two in other countries Maps Mania… more → Posted in: Interactive Maps Tagged with: Four, Seasons
Adding a Guestbook to Your Jamstack Site (Yes, Seriously) / / No Comments Don’t do this. I’m serious. Or do it, I certainly don’t listen to reason when it comes to building demos. I’ve been in web development for a very, very long time, and I’ve seen many trends come and go. Guestbooks were a way for folks to leave a comment on your site as a whole. I haven’t seen one in ages, but some still linger. In fact, Ana Rodrigues has an absolutely lovely guestbook driven by Webmentions. And if you really want to, you can still download a Perl CGI guestbook over at Matt’s Script Archive. I haven’t written Perl in decades, but I absolutely loved it back in the 90s. That being said, I had a free hour yesterday, was bored, and decided,... more → Posted in: JavaScript Tagged with: Adding, Guestbook, Jamstack, Seriously, Site