JavaScript30 - Day 03

I kind of jumped ahead and finished day 03’s excercise as well today! 🙃 This time I learned about CSS variables and how to control them using JavaScript. I also learned a bit about registering and using event handlers for elements in JavaScript. There is a list of all available event handlers here if you are curious to check that out. A live version of this project is available here. The entire code is available here. Read more →

JavaScript30 - Day 02

I built a clock and designed it using CSS today. I learned how to work with transform, transform-origin, transition and transition-timing-function properties on CSS. I primarily only followed the instructions from today’s JavaScript30 course. I also attempted to update the length of the seconds, minutes and hours hands using CSS, but I haven’t made any progress so far. I will be attempting to modify that another day, and also will be attempting to handle the logic when the clock hits the hour mark - which Wes Bos did not cover on the video. Read more →

JavaScript30 - Day 01

I started watching Wes Bos’ JavaScript30 videos today and I am excited when I think about what I can accomplish at the end of 30 days! Today’s lesson was about building a drum kit with keys that animate and make a sound when pressed. The full code is available here and a live demo has been published as well here. A video of this drum kit is available here as well. Read more →