Are you still working on the State Parks app?

Yup, I am. Last year, I posted a lot about how I was building a state parks app to help with my goal of eventually visiting every park in the Wisconsin State Parks system.  The most recent post was around November, though.  Well, I am working on the app again and I am hoping to …

Continue reading "Are you still working on the State Parks app?"

Three ways to create a modal dialog

Today, we are going to look at three ways to add a modal dialog to your app.  The first option just uses CSS and JavaScript (no special libraries).  The second option uses Bootstrap (a topic that I haven’t touched in a few years).  The third and final option uses Bulma.  I looked back at my …

Continue reading "Three ways to create a modal dialog"

Where art thou: Converting addresses to latitude and longitude.

Previously, we have covered how to identify where the user is, based upon navigator.geolocation and based upon their IP address (there are definitely ways to make IP-based geolocation suck less).  I figured that in today’s post, we would look at how to go from an arbitrary physical location (zip code or city name) to latitude …

Continue reading "Where art thou: Converting addresses to latitude and longitude."
Aztalan State Park

State Parks App: I made some new APIs for the app

Last week, I wrote about creating a cloudflare worker.  When I created that worker, I knew that I wanted to leverage that for the state parks app.  This week, I created three new workers: one to get the user’s location, one to get the list of parks, and one to get an individual park.  Let’s …

Continue reading "State Parks App: I made some new APIs for the app"

Playing with Vue Router

Back in July, we looked at how Vue CLI and webpack work and I figured that it was time to look at Vue Router, as a follow-up.  Vue Router is going to be pretty necessary for the state parks app, moving forward. Like I did last time, I used VueCLI and Bulma.  I also put …

Continue reading "Playing with Vue Router"

New things in ECMAScript 2021: String.prototype.replaceAll()

This is going to be a pretty quick post (mainly because I am on vacation, next week).  I was skimming through what is new in ECMAScript 2021 and spotted replaceAll().  It is already supported in everything except for Internet Explorer.  Let’s take a look at a quick example. See the Pen String.prototype.replaceAll() Example by Joe …

Continue reading "New things in ECMAScript 2021: String.prototype.replaceAll()"

How to sort a list of locations by how close they are to you

One of the things that are most important to me for phase 1 of the state parks app is to have the list of parks be sorted by how far the user is from the park.  After all, Tower Hill State Park might be interesting but if you live 4 hours away, you aren’t likely …

Continue reading "How to sort a list of locations by how close they are to you"