Archive of: 2021

• Trying a Secret of Mana-esque menu

  April 2, 2021

  I have been a fan of Secret of Mana for the Super Nintendo (Super Famicom) for a long time, and I always wanted to try to build something similar to the game’s circular menu system. I thought it was a clever idea when I first saw it. My version is far from complete, but it was a fun experiment.

  100daysofcode, CSS, HTML, games

• Trying out new ways to style margins and padding

  April 1, 2021

  I learned about a few CSS logical properties thanks to this article, written by David Bushell. I learned about the margin-block, margin-inline, and padding-block properties today and tried putting them to use in this silly post.

  100daysofcode, CSS, HTML, margin, padding

• First attempt at a scroll indicator

  March 31, 2021

  I’ve seen a couple of websites that had a nifty progress bar that changed/updated as I read more of the page. I wondered how tough it might be to build something like that for my site using just CSS, and it turns out to be a little tricky. However, the talented web developer and writer, Preethi Sam, had a handy pen on CodePen that showed one way to build a CSS-only scroll progress bar. I hit a snag on making the markers change from black to essentially transparent until they hit the primary bar, and then I realized I hadn’t assigned a background-color to the parent element.

  100daysofcode, CSS, HTML

• Post listing mockup using a three column grid

  March 30, 2021

  Planning a site redesign can be a bit stressful, but it's a good time to review what you've previously made and improve the areas you know you can do better. Today I worked on a potential way of displaying posts on my index pages. I'm not sure if I like it, but I'll revisit it at a later time.

  100daysofcode, CSS, HTML, grid

• 100 Days of Code - Week 7

  March 30, 2021

  I’m almost halfway through the 100 Days of Code challenge! I’ve learned a great deal through these posts and the material I’ve been studying.

  100daysofcode, CSS, HTML, JavaScript

• Counting the days

  March 29, 2021

  For today's post I wanted to figure out how to count the number of days between when I started the 100 Days of Code challenge and the current day. It was a bit tricky at first, but MDN and StackOverflow had some good info that I was able to wrap my head around. I'm almost half way there!

  100daysofcode, CSS, HTML, JavaScript

• Getting the hang of emoji

  March 28, 2021

  There is no way I will ever run out of things to learn about web development. I can't recall ever using emoji on a website, so I thought I'd learn how to do so today. It turns out to be quite easy and I'm looking forward to using it more in the future.

  100daysofcode, CSS, HTML, emoji

• Styling a newsletter signup

  March 27, 2021

  I have a grand vision for a newsletter signup that subtley or audaciously animates as the user fills out their email form and then clicks on the sign up button that becomes enabled once their email is validated. Today's test build is a decent starting point.

  100daysofcode, CSS, HTML, JavaScript

• Swiping Cards

  March 26, 2021

  I didn't quite get to the point I wanted to with today's post. I'll have to tackle this another day, but I like the concept of swiping through a stack of cards. Though it may have few uses, I think it might be a fun way to display information on certain types of webpages, or it may even be useful in a game.

  100daysofcode, CSS, HTML

• No Frills Card

  March 25, 2021

  Kept it simple with today's post after spending a few hours working throught my current track on Treehouse. I don't work much with cards, so I thought I'd get some practice in.

  100daysofcode, CSS, HTML