Archive of: js

• Vanilla JS Lightbox Challenge

  April 26, 2021

  Are lightboxes tricky to build? My experience leads me to think yes. I’ve managed to put something together that works as long as I know the number of imgs and URLs to reference. I need to learn how to attach a click event to each a element that can trigger the lightbox. Just typing this out gives me an idea… HUZZAH! I figured it out. It’s not perfect, but I’m so dang happy that came to me.

  100daysofcode, CSS, JS, JavaScript

• 100 Days of Code - Week 3

  March 1, 2021

  I’ve made it through another week of the 100 Days of Code challenge. There’s nothing fancy within these posts, but I did learn a few new things related to CSS and JavaScript this week.

  100daysofcode, CSS, HTML, JS

• Practice with the matchMedia method

  February 24, 2021

  Media queries in CSS are extremely handy and essential when building websites nowadays. I wondered if it was possible to make use of them in some way using JavaScript, and luckily the always handy MDN Web Docs introduced me to the matchMedia method.

  100daysofcode, CSS, HTML, JS

• Style Customizer Prototype

  February 23, 2021

  A while back I saw Jason Pamental show off a style customizer or accessibility panel during one of his presentations. I really liked the idea and today I gave it shot. It's not nearly complete or in its ideal form, but I'm glad I was able to get it working to some extent.

  100daysofcode, CSS, HTML, JS

• 100 Days of Code - Week 2

  February 23, 2021

  This past week I worked with things I haven’t spent much time with before.

  100daysofcode, HTML, CSS, JS

• Web Audio API Practice

  February 16, 2021

  Today I'm trying to dabble with the Web Audio API. I've worked through the Basic concepts behind Web Audio API tutorial on MDN and I'm hoping this works. I couldn't properly test locally because of the cross-origin request for the audio file was blocked. I was able to get it working on this site though, and I think it'll be fun to work more with this API in the future!

  100daysofcode, HTML, JS, Web Audio API

• 100 Days of Code - Week 1

  February 16, 2021

  Last Tuesday I decided to start the 100 Days of Code challenge to help me get motivated to work on some personal projects.

  100daysofcode, HTML, CSS, JS, web dev

• Final Fetch

  February 15, 2021

  Oh boy, I had to make today's code tinkering rather troublesome. I think it turned out decent though. I wanted to work with Fetch API and use it to load data from my Treehouse profile into a page. I decided to display it as if I was a character in the Famicom/NES game, Final Fantasy. Click the update info button to load information from my profile into the page.

  100daysofcode, CSS, HTML, JS

• Palindrome flip

  February 12, 2021

  Happy Lunar New Year to all! Today I wanted to play with a bit of DOM manipulation and flip today's date since it is a palindrome. This was fun to make.

  100daysofcode, CSS, HTML, JS

• Quiz Prototype

  February 11, 2021

  I've been thinking about building an online vocabulary quiz for the students that my wife and I teach English to every once in a while. So I built my first prototype. This was an interesting exercise and I feel like I will be able build out a viable version with a couple of more hours of work.

  100daysofcode, CSS, HTML, JS