This past month, I visited the local Hack & Tell to write a web app that uses Vue.js‘s Composition API. I have written 41 posts involving Vue on this blog but the Composition API is new here. If you are the “eat your dessert first” type, you can check out the result at https://joes-job-tracker.web.app. I...
This spring, Google introduced eight new TLDs, and two of them are creating a little bit of a stink online. The top-level domain “.zip” is also an extension for archive files employing the compression format known as “zip.” Similarly, the TLD “.mov” is also the file format extension “.mov”. So, how can this be abused?
Back in January, I promised that a future post would cover how to go from a street address to latitude / longitude coordinates. Previously, we have covered how to get the user’s street address, using navigator.geolocation and MapQuest and more recently, we covered converting addresses to latitude and longitude but that wasn’t an actual street...
I have been poking at the Milwaukee County Trasit System (MCTS) APIs over the past few weeks. A few years ago, I tried to write a bus app using Angular and it just didn’t work out well. I figured that I would try it again, using what I have learned since then. The first step...
Over the holidays, I created Good Morning, Milwaukee! (a Mastodon bot that posts a “Good Morning” toot every morning). The problem is that it hasn’t been behaving correctly since shortly after I finished it. I want to simplify it a bit, so I can make it a little less fragile. The first component of the...
In my previous post, I talked about how after Elon Musk’s purchase of Twitter, I was giving more attention to Mastodon. Since then, I killed my twitter account, launched my own Mastodon instance, launched three new Mastodon bots (including a new one that goes live this morning), and converted Joe Travels to only post to...
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.
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...
Previously in this series, we have looked at how to install laravel, how laravel works, and how to deploy a laravel app. In today’s post, we are going to look at how you would protect a route so that the user would need to login in order to view a webpage.
Looking back, the recent Bootstrap vs Bulma post left me wondering why you really need either. Two years ago, I did a post on what CSS Grid is and I figured that you can consider this to be an continuation of that.