Recently, I was doom-scrolling twitter when I came across a tweet that claimed that you can build an image carousel using just two lines of CSS. I liked the tweet and then thought to myself “I can’t sleep, right now. Why not try it out?” CSS Tip 💡 Create image Carousel using two lines of …
Continue reading "Two ways to make a pure CSS image carousel"
Did you know that you can not only create an accordion without writing any CSS or JavaScript but it also works in all modern web browsers? Using the details and summary elements, it is pretty easy, too. See the Pen Pure HTML Accordion by Joe Steinbring (@steinbring) on CodePen. [ Cover photo by Charlie …
Continue reading "Create an accordion without any CSS or JavaScript"
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."
There are times when it is very important to know as much as you can about the user of your application. A good example is how I need to know where the user physically is in order to calculate the distance between them and the park in the state parks app. Another example is if …
Continue reading "How to know your user"
Last month, I said that I was going to give Hacktoberfest a try this year. Now that the month is over, I can say that I didn’t successfully make four contributions. As it turns out, it was a little more intimidating of a task than I thought it would be and working on things like …
Continue reading "I didn’t successfully finish Hacktoberfest 2021 and I’m ok with that"
Making your forms look less “straight out of the box” is sometimes just as simple as adding a border-radius to things. In this quick post, I figured that I would show the power of it.
Continue reading "How to use border-radius to round the corners of inputs, buttons, and divs"
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"
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"