Archive of: April, 2021

• Sakura petals take shape

  April 4, 2021

  I had an idea for a 404 page that features sakura petals that initially form 404 and then gradually animate into random positions on the page. I got part of the way there today. I built it using parts of a page I made last June, Sakura petals falling with CSS and JS. I made that before learning more about JavaScript and was able to refactor a good portion of the code. I’ll want to build the page in a way that still looks great for anyone that visits such a page with reduced motion settings. Laying things out with grid feels a bit overboard, but I’ll figure out an alternative some other time. I like refreshing the page and watching the petals float away.

  100daysofcode, CSS, HTML, JavaScript

• Simple article with table of contents

  April 3, 2021

  It’s always nice to see a table of contents on a tutorial or long article. They’re even better when you can click on a link within the table to jump to a section within the article or tutorial. Some website even highlight the current section while you’re reading. Mine isn’t that fancy, but I got to work more with position:sticky and try out a few other ideas today. I’ll tackle the fancier version some other time.

  100daysofcode, CSS, HTML

• 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