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"
Every now and then, I’ll get a question along the lines of “How do I get into computers? Is there somebody willing to train me?” That isn’t an easy question to this answer. A lot of people don’t seem to like this answer and some even consider it to be derogatory. No matter what profession …Continue reading "How to “get into computers”"
Previously, we looked at ways to display tabular data on a webpage. Let’s pick up where we left off, but with more data. The last time, the data was hard-coded into an array. This time, let’s use Axios to load some fake data from JSONPlaceholder. See the Pen Table Pagination – Example 1 by Joe …Continue reading "Playing with more tabular data"
Back in April, I talked about my 2020 goal to post more substantive, coding-related content on this blog. Since creating my blog nine years ago, I’ve written almost 930 posts. So far this year, I’ve written 65 posts with an average word count per post of 167. Compared to the five posts in 2016, and …Continue reading "My Blogging Goals"
So, you need to show tabular data on a webpage and make it as digestible as possible? For demo purposes, we are going to look at the top 10 most populous municipalities in Wisconsin. See the Pen Table Zebra Striping – Example 1 by Joe Steinbring (@steinbring) on CodePen. In the above example, we just …Continue reading "Playing with tabular data"
I’m not sure that this concept is universally understood. I figured that it is time to take a swing at it. According to w3schools, a block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). See the Pen …Continue reading "Block vs inline vs inline-block"