This interactive game, designed for Chrome browsers on laptops/desktops, helps children practice their ABCs through voice recognition. Players speak letters into a microphone after a sheep displays them. A headset is recommended for optimal sound pickup. The game may have bugs, but it has been successfully tested by children. MORE q
Here is a quick reference for some basic pure-css animations. See the Pen CSS 3d Animations-Method 1 by Mike (@DarkMG73) on CodePen. MORE q
This is just a quick reference for positioning items in a CSS grid. See the Pen CSS Grid - Diverse Cells Example by Mike (@DarkMG73) on CodePen. MORE q
This is an addition to my Pure CSS Three-Way Switches Part One and Pure CSS Three-Way Switches Part Two posts. I needed three-way switches for a survey tool for starwarsrumors.com. These are the three-way switches from the previous two posts, but styled as sliders along with some basic JavaScript survey functionality. This ended up being… MORE q
This is an addition to my Pure CSS Three-Way Switches Part 1 post. I needed three-way switches for a survey tool I was building for a site of mine, starwarsrumors.com. These are those three-way switches, but with a different look. Also, check out JavaScript Survey Sample with Pure CSS Three-Way Switches. There we find more of a… MORE q
I needed three-way switches for a survey tool I was building for a site of mine, starwarsrumors.com. I wanted a certain overall experience with these. Ultimately, three-way switches are a little more involved than a regular switch, and I wanted to have a default center and not allow for them all to be 'off'. The… MORE q
This is what I do for fun on a Friday night. 🙂 Well... sometimes. This project is the result of a little free time and a laptop nearby.I wanted to see how far I could push CSS parameters to create unusual shapes that might make bland pages feel more interesting and unique. The intent isn't… MORE q
This question came up in my Interview Questions Tool, and it seemed straightforward at first, but there are some important considerations to keep in mind.To create a graphical representation of the months, we need to position each first day of the month after the last day of the previous month. This requires careful planning and… MORE q
Ever wonder exactly which methods are available on every JavaScript object? I did, plus, I wanted to write a post listing all of them with links to more detail for each. There are lists on MDN and other places of objects and methods, but I couldn't find a comprehensive list of every object and every… MORE q
This little project is a continuation of this one: Crazy Cool Loaders Part One. As mentioned in that post, loaders mean we are waiting... and waiting is not fun. These loaders hopefully make us forget about the wait and, perhaps, even enjoy it a bit. See the Pen CSS Loaders 2 by Mike (@DarkMG73) on… MORE q
