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"

The great iPhone experiment

On September 8th, Android 11 was released to Pixel devices and unfortunately, I installed it on my trusty Pixel 3.  Pretty quickly, it started bootlooping and never recovered (despite a trip to UBreakIFix and a plea to Google).  Even though I have a Google-made phone running a Google-made OS on a Google-made cellular network, they …

Continue reading "The great iPhone experiment"

Object.seal() vs Object.freeze()

So, you want to protect an object that you created in JavaScript?  With Object.seal() and Object.freeze(), you have two solid options that do slightly different things.  While Object.seal() prevents new properties from being added to the object and marks all existing properties as non-configurable, it still lets you change the values of properties.  Object.freeze() on …

Continue reading "Object.seal() vs Object.freeze()"

Thinking about working on my private pilot’s license

Back while I was working at Kohler, I got it into my head that I wanted to look getting my private pilot’s license. Here in Milwaukee, we have the benefit of having a great fixed base operator (Spring City Aviation) at a super convenient little airport (Timmerman Field). I checked their website and saw that …

Continue reading "Thinking about working on my private pilot’s license"

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"

Var vs let vs const in JavaScript

The next post in our X vs Y vs Z series is var vs let vs const.  I’ve wanted to cover this for a little while.  Let and const were added to JavaScript with ECMAScript 6.  Var has been around a bit longer. Var is used to declare a function-scoped or globally-scoped variable.  Var declarations …

Continue reading "Var vs let vs const in JavaScript"

Block vs inline vs inline-block

I’m not sure that this concept is universally understood.  I figured that it is time to take a swing at it. According to w3schools, a block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). See the Pen …

Continue reading "Block vs inline vs inline-block"