In this week’s blog post, I want to cover how to center divs inside of other divs horitontally, vertically, and both horizontally and vertically. You can do this with CSS Grid or Flexbox but I want to go over how to do it with standard CSS.Continue reading "How to center all of the things in all the other things without CSS Grid or Flexbox"
The goal of a CSS reset is to reduce inconsistencies with things like line height, font sizes, and margins. Every browser defaults to different sizes and spacing and if you set a common baseline, you end up with a better end-product. A basic example would look like: body, div, h1,h2, h3, h4, h5, h6, p,ul …Continue reading "What is a CSS Reset?"
Last week, Heroku announced that they were killing off their free teir. I have been using it off and on ever since a creating an OWASP Juice Shop instance on it at That Conference, a few years ago. Recently, I used it for my How to deploy a Laravel app example and an example on …Continue reading "Heroku eliminated free plans. Now, what?"
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"