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
By DarkMG73 on December 17th, 2020 in
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
By DarkMG73 on December 17th, 2020 in
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
By DarkMG73 on December 17th, 2020 in
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
By DarkMG73 on December 17th, 2020 in
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
By DarkMG73 on December 17th, 2020 in
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
By DarkMG73 on December 8th, 2020 in
Loaders are generally seen as tedious, causing lengthy waits. Here I explore the idea of creating visually appealing loaders that engage users, making them enjoyable instead of a nuisance. The post introduces innovative designs that are more captivating than standard loaders, with a promise of more in a second part. MORE q
By DarkMG73 on December 8th, 2020 in
In JavaScript, globalthis carries a long list of methods. This page is meant to serve as a companion to the JS Methods article. There we have every method in JavaScript sorted by the object the method is attached to. The only thing not included there is globalThis. Given the 1,500+ methods on globalThis, and the fact that they are all MORE q
By DarkMG73 on May 18th, 2020 in
The spread operator allows for an Object's properties to be filled into a another object right in line with existing properties. Likewise, this can fill one array in another array keeping the values in line with existing values. Spread const aNewObject = {...oldObject} const aNewArray = [...oldArray] Rest The rest parameter an array made MORE q
By DarkMG73 on April 18th, 2020 in
The Map object holds key-value pairs like a standard object. There are a few significant differences between Map and a regular key-value pair object. These are: Objects: Keys must be obtained and used to iterate over. Map: This is iterable, meaning we can directly iterate. Objects: The key can only be an integer, string, or symbol. Map: Key field can be of any data-type including objects and functions. Objects: Retrieving size is a manual process. Map: The size property hold this info. Objects: Iterating will not always return keys in MORE q
By DarkMG73 on April 17th, 2020 in
