Here is a sampling of some of my little web projects. Most are for study or experimentation and some are just pure fun. These are all original; none are from tutorials, lessons, etc.
For more web dev info, check out my blog or the Web Dev page. Or, check out my CodePen showcase, GitHub or dev.to profile.
Crazy Cool Loaders Part One
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
3D Pic Flow
In continuing to explore 3D space and movement, I built this little project. See the Pen 3D Picture Flow by Mike (@DarkMG73) on CodePen. MORE q
3D Spinner
This is a second version of the 3D spinner. I didn't feel like I was fully getting the relation between the perspective and the stage, among other things, so I stared over and built this a little differently. See the Pen 3D Spinner by Mike (@DarkMG73) on CodePen. MORE q
Audio Plugin Organizer
The Audio Plugin Organizer is a tool designed to help music producers manage their plugins efficiently. It allows users to quickly find specific types of audio processors, enhancing workflow during production. Future updates aim to include a locally-run version, automatic plugin detection, and cloud syncing for seamless access across different studios. MORE q
Ultimate JS Cheat Sheet
The Ultimate JavaScript Cheat Sheet offers an interactive environment for learning and referencing JavaScript. It features two modes (Learn and Cheat), basic and advanced views, and a masonry layout for efficient topic searching. A custom search tool enhances usability by enabling quick navigation and highlighting of terms, making it an easy and complete tool. MORE q
Study Plan Tool
The Study Plan Tool helps break down overwhelming goals into manageable steps rather than serving as a traditional planner. Users input a main goal and sub-goals, creating a structured syllabus to track progress. The tool emphasizes prioritizing steps and documenting skills learned for future reference, all in service of achieve the main goal. MORE q
Interview Questions List
The Interview Questions tool offers direct access to all questions, filtered by level (Basic or Advanced) and topic. Users can search without filters, ensuring comprehensive results. For recommendations or errors, contact options are provided at the bottom of the page. MORE q
Interview Questions Tool
If you do a web search for anything close to “coding interview questions”, you will be treated to a bounty of questions. A good thing, for sure, but actually making use of these questions in any sort of repetitive and complete manner is difficult. Make a list…a spreadsheet…flash cards…or whatever you want and a the collection becomes too big to be useful in any sort of an effective manner; or so I found. MORE q
Crazy Cool Pure CSS Scrollbars
This post presents a quick reference for unique scrollbar styles I created. Keep in mind that on iOS and certain touch-screen devices, scrollbars may not be visible, rendering the CodePen potentially empty. To fully experience it, viewers should use a laptop or desktop computer. MORE q
JavaScript Game – ABC Sheep – Multi-Player
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
Pure CSS 3D Card Animations
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
CSS Grid – Multiple Cell Examples
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
JavaScript Survey Sample with Pure CSS Three-Way Switches
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
Pure CSS Three-Way Switches Part Two
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
Pure CSS Three-Way Switches Part One
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
Useful Odd Shapes in Pure CSS
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
Dynamically Create a Calendar with JavaScript
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
Tool to Find Every Method on Every JavaScript Object
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
