Archive of: JavaScript

• 100 Days of Code - Week 8

  April 6, 2021

  This past week was filled with experiments and practice.

  100daysofcode, CSS, HTML, JavaScript

• Sakura petals take shape

  April 4, 2021

  I had an idea for a 404 page that features sakura petals that initially form 404 and then gradually animate into random positions on the page. I got part of the way there today. I built it using parts of a page I made last June, Sakura petals falling with CSS and JS. I made that before learning more about JavaScript and was able to refactor a good portion of the code. I’ll want to build the page in a way that still looks great for anyone that visits such a page with reduced motion settings. Laying things out with grid feels a bit overboard, but I’ll figure out an alternative some other time. I like refreshing the page and watching the petals float away.

  100daysofcode, CSS, HTML, JavaScript

• 100 Days of Code - Week 7

  March 30, 2021

  I’m almost halfway through the 100 Days of Code challenge! I’ve learned a great deal through these posts and the material I’ve been studying.

  100daysofcode, CSS, HTML, JavaScript

• Counting the days

  March 29, 2021

  For today's post I wanted to figure out how to count the number of days between when I started the 100 Days of Code challenge and the current day. It was a bit tricky at first, but MDN and StackOverflow had some good info that I was able to wrap my head around. I'm almost half way there!

  100daysofcode, CSS, HTML, JavaScript

• Styling a newsletter signup

  March 27, 2021

  I have a grand vision for a newsletter signup that subtley or audaciously animates as the user fills out their email form and then clicks on the sign up button that becomes enabled once their email is validated. Today's test build is a decent starting point.

  100daysofcode, CSS, HTML, JavaScript

• Working more with loading JSON

  March 24, 2021

  I wanted to try building another layout for the data that I loaded in my Final Fetch post I did on the seventh day of this challenge. I learned how to reverse order list elements and tried out flex box's reversing as well.

  100daysofcode, CSS, HTML, JavaScript, JSON

• 100 Days of Code - Week 6

  March 22, 2021

  This week I tried recreating some neat link styles I saw on the Field Notes website, tried out Josh Comeau’s full-bleed grid tutorial, did a quick refresher on variable fonts, and tried out a few other things with CSS, SVG, and JavaScript.

  100daysofcode, CSS, HTML, SVG, JavaScript, CSS grid, typography

• Improving my Background Color Changer

  March 22, 2021

  I added some simple checks to the input fields on yesterday's Simple Background Color Changer and made some tweaks that I hope help on a mobile screen size. I should make it shift focus back to the element that changes once the functions have completed.

  100daysofcode, CSS, HTML, JavaScript

• Simple Background Color Changer

  March 21, 2021

  After trying to figure out if it was possible to extract and display an image's metadata in the browser with only JavaScript, I discovered it wasn't as easy as I hoped. So I built this instead. It's nothing special, just extra practice extracted values from inputs and concatenating them into something usable. I didn't do any checks on the values entered, but it won't work properly unless hex color values are used.

  100daysofcode, CSS, HTML, JavaScript

• 100 Days of Code - Week 5

  March 16, 2021

  This past week was full of new challenges. I got stumped a couple of times and had to decide to call it good on a few posts, but I think I learned quite a bit.

  100daysofcode, CSS, HTML, SVG, JavaScript