Day 39: Portfolio Updates and Coloring Tetris

A mathematics teacher on a journey to transition into the tech industry.

Today's Progress:

Since I've been at home recovering from laryngitis the past few days I've had some extra time on my heads to lounge around and code. Today I worked on updating my portfolio website to make it more accessible and I continued styling the Tetris app I made.

For the portfolio, I added unique id tags to each of the sections as well as changed the color scheme to make it more accessible. According to accessibleweb.com my new page has a score of 100/100.

For the Tetris app, I added colors for the Tetriminoes and the background of the grid. There's still a minor glitch that I need to fix, but you can test out a live version of the game here.

Thoughts:

I'm really happy with what I worked on today. I found it easier to stay motivated since I was working on personal projects (I think I studied for over an hour today). I know I'll need to get back to the freeCodeCamp curriculum soon to get back to learning JavaScript, but I'm happy I took the time to play around with these projects.

References

This doc was useful in figuring out how to override the parent color style for the header in the contact section of my portfolio: https://www.w3docs.com/snippets/css/how-to-override-css-styles.html

This doc was useful in learning how hide the scroll bar: https://codeberryschool.com/blog/en/how-to-disable-scrolling-in-html/

These two docs were useful in determining whether to use border or outline for the Tetromoines:

https://developer.mozilla.org/en-US/docs/Web/CSS/outline
https://developer.mozilla.org/en-US/docs/Web/CSS/border

This DEV log was useful in setting the baseline units for font-size on my portfolio site: https://dev.to/deltanboi/the-battle-of-the-units-px-vs-rem-vs-em-3ka8

This website was useful in choosing colors & getting their codes: https://html-color.codes/

Day 39: Portfolio Updates and Coloring Tetris

Comments

More from this blog

Never Give Up

Quick Start Guide to SQL Queries

One-Year of Learning Frontend Web Development

How-to: Three Methods for Centering Elements with CSS

Git Command Cheatsheet

Today's Progress:

Thoughts:

References

Links to work:

Command Palette