While I know the basics of HTML and CSS, there is always more to learn! So I turned to HTML Dog tutorials, where I focused on bettering my knowledge of website accessibility and styling using color gradients.
From a quick browse of the list of HTML tutorials available on HTML Dog, I was immediately drawn to a tutorial on creating Accessible Links–which is essentially making sure that your webpage is easy for users with disabilities (lack of fine motor skills to use a mouse, deaf, blind, etc) to navigate. I was drawn to this tutorial because last fall I took a computer science course called “Software Design,” in which we had a unit on the importance of making webpages accessible to all users, and were challenged to uphold this accessibility-friendly mindset in all projects throughout the term.
In working through this tutorial, I learned that I can use “link titles” to offer more information about a given link when the user hovers over it, and that links can be accessed by clicking the “tab” key or any specified key on the keyboard. Below is the code I came up with after going through the tutorial:
After working with making links more accessible, I turned to styling the background of my webpage in a new way: using a color gradient. While there are many fades and infinite colors that you can choose from, I chose to do a top to bottom fade from pink to light blue.
The result from completing these two tutorials was a 1990s-esque webpage that is in desperate need of some TLC to make it more 2019 appropriate.
From using a few HTML Dog tutorials, I was reminded just how many things you can do with the right combination of HTML, CSS, and JS–the possibilities are endless!