Two ways to make a pure CSS image carousel

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"

Create an accordion without any CSS or JavaScript

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"

Where art thou: Converting addresses to latitude and longitude.

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."

I didn’t successfully finish Hacktoberfest 2021 and I’m ok with that

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"
Aztalan State Park

State Parks App: I made some new APIs for the app

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"

Adding dark mode to your web app

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"