I found myself trying to figure out how to do an interface consisting of a series of cards that slide off to the side as you finish them. Let’s start by looking at the sample app before the addition of the sliding magic.Continue reading "Sliding transitions, using Vue and Bulma"
Almost two years ago, I looked at how to use prefers-color-scheme to add “dark mode” to a website. It isn’t exactly a difficult change to make, so I figured that we could take this week to add it to the State Parks App. The last time we looked at this, it was supported by everything …Continue reading "Adding dark mode to your web app"
I try to push myself outside of my comfort zone from time to time. That is part of reason why I tried giving a conference talk a few years ago (I did three in the end) and why I started using this blog more often. One thing that I have felt I have felt very …Continue reading "I decided to give Hacktoberfest 2021 a try"
Just about every vue demo that I have done on this blog has involved Axios. I am not sure that it is necessarily needed all the time, though. I wanted to take this blog post as an opportunity to see if it can be replaced with fetch.Continue reading "Do you really need Axios in your Vue app?"
Earlier this year, we looked at Mapbox and how to use it to show a location on a map. I figured that now that we have a listing of park locations, it is time to look at mapping them. This might be a fairly brief post since everything that we are doing here has been …Continue reading "State Parks App: Mapping the park locations"
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"
Last week, we finally got the park listing working and updated the instance at test.wisparks.jws.app. This week, I figured that we should add Bulma to the project and add sorting. So, let’s start by adding Bulma and cleaning the code up a little. See the Pen Wisc Parks (Part 5): Cleaning up the listing and …Continue reading "State Parks App: Let’s add Bulma and Sorting"
Last week, I got all the way to the end before the damn Google Sheets API stopped working on me. This week, I figured that we would create a JSON file out of the spreadsheet, host it somewhere, and then just use that. I started by creating a CSV file from the Google Sheets document, …Continue reading "State Parks App: Let’s try that again?"
Previously, we built an API for the State Parks App, using Google Sheets and we set up hosting for the thing. The next step is to actually write the first bit of the thing. When we created the API, we also wrote a little vue.js proof of concept that loops over the data and outputs …Continue reading "State Parks App: Let’s actually build something"
This post is 50% housekeeping and 50% devops, and something that normally wouldn’t warrant a blog post but I’m still getting over last week’s vacation and didn’t want to wait another week before posting new content. I promise that next week’s post is going to be more substantive.Continue reading "I moved jws.dev off of keybase"