I love using the internet as much, or more so, than the next guy, but every time I peeked behind the curtain at the coding that creates web pages I was terrified. It wasn’t until 2019 when I had some spare time on my hands that I decided to try to overcome my fear and give learning it a go.
I signed up for Codecademy and spent a couple weeks learning HTML and CSS but when I got to the Javascript lessons, I realized that I wasn’t retaining a thing. I Googled “how to learn Javascript if you’re stupid” and eventually found my way to Mark Myers’ A Smarter Way to Learn HTML & CSS. (I realized that I wasn’t retaining any HTML or CSS knowledge I was getting from Codecademy, either, so I decided to start over under Mark’s tutelage.)
The result:
Big whoop, right? Actually, I really did absorb the basics, but I was irritated by my inability to place divs horizontally on the screen exactly where I wanted them so I created a series of pages to try and figure it out.
I ended up spending more time playing around with CSS bits I picked up along the way than mastering horizontal div placement (a potential subtitle for the series could be “More Fun with Hover States”), but you can click on the image below to see the ongoing work-in-progress on GitHub.
Note: you navigate from page to page sequentially by clicking on the righthand box to go forward and the lefthand box to go back; you may also need to widen your browser window so that you see the three squares side by side: