Code Snippets, Examples, and Experiments.

Here is a collection of my experiments, code I saved for future use, and other code snippets I wanted to share.

Age verification pop-up using HTML/CSS/JS

— A simple way to add a verification style popup when a user visits your website using HTML, CSS, and vanilla JS

Animated Navigation/Link-List

— Less is more. I believe there is beauty in simplicity. I love to include animations in my web projects but never want them to take away from the website content or slow down the user experience. This is a perfect example on using a small and slick animation to capture...

Glass style navigation bar with collapse on scroll

— A really cool modern sticky navigation with a glass effect that collapses on scroll and when reopened creates a background blur over the page behind it. Made with just HTML/CSS/Vanilla JS

How to vertically center multiple columns in a row., HTML/CSS

— An easy concept that can become confusing with all of the different align and justify classes. Here is how I vertically center the columns in my rows.

Spotlight Glowing Cards

— With the (upcoming) 2025 edition of my personal design/development portfolio website unveil, I wanted to share a unique design feature from the retired 2024 edition. I simple refer to these as "glow cards" but they feature a spotlight effect and made a nice subtle...