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"

Playing with WebRTC: Taking still photos

This is going to be a pretty quick post.  I was playing with an MDN Tutorial on WebRTC and started wondering what I could do with it. Here’s how the basic functionality works: See the Pen JavaScript Photo Booth – Part 1 by Joe Steinbring (@steinbring) on CodePen. So, I was thinking about the post …

Continue reading "Playing with WebRTC: Taking still photos"

Playing with more tabular data

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"

Fixing JWS.app: The “Superfeed” (Part 1)

One of the goals for JWS.app was for it to pull in activity from a bunch of sources and update itself.  That is the reason why I created the “superfeed”.  Let’s start by looking at its current state. See the Pen JWS.app – Superfeed (Before) by Joe Steinbring (@steinbring) on CodePen. Getting the content from …

Continue reading "Fixing JWS.app: The “Superfeed” (Part 1)"

Fixing JWS.app: Turning our attention to the footer

I have never been fond of the footer on JWS.app but I’ve been unsure what to use, there. After addressing the elements at the top of the page, it makes sense to turn our attention to the very bottom of the page.  Considering how much we have leveraged Bulma so far, it also makes sense …

Continue reading "Fixing JWS.app: Turning our attention to the footer"