Posts tagged with 100daysofcode
-
Simple Button Animation Name Swap
March 1 2021
I wanted to see how difficiult it might be to swap out a button's animation. Turns out it is not as difficult as I anticipated. I learned about the CSSKeyframesRule via MDN today, so I think I'll find a way to make use of it for something like this rather than the approach I took today. -
Adding more books to the bookshelf
February 28 2021
I did a quick review on arrays today and the practice got me thinking about how I might approach adding books to yesterday's bookshelf. Unfortunately I didn't use any arrays in what I ended up building and I made use of prompts instead of a modal when prompting for information about the book that would be added. I had fun building it though, and the JavaScript worked after fixing 1 typo on a variable name. I'm quite proud of that. -
Goofing around with grid and more
February 27 2021
Today I wanted to try and build a display of books that would animated when you hovered over them, and when you clicked on them they would display the cover image and more. I quickly got a bit discouraged at the thought of working through how complex that would be, so I went with something more simple. I was watching/listening to this week's new episode of You Look Nice Today while building this. It provided me with plenty of potential titles for books. I'll get back to finishing this idea at a later time. -
Fun with pseudo-elements
February 26 2021
Today I learned a few more uses for the ::before and ::after pseudo-elements. I also learned more about what you can style within the ::selection pseudo-element. -
Wrong about CSS Variable fallbacks
February 25 2021
I was doing it all wrong and thought the default you can provide when using CSS variables served as a fallback for older browsers. I'm glad I discovered the right way to do it, and boy do I feel silly for now realizing it earlier. -
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. -
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. -
100 Days of Code - Week 2
February 23 2021
This past week I worked with things I haven’t spent much time with before.
-
Working with prefers-reduced-motion
February 22 2021
Having never worked with prefers-reduce-motion before, I wanted to make sure I familiarized myself with it. That way I can make safer versions of webpages with heavily animated elements. -
Dark Mode and CSS Variables
February 21 2021
I haven't done a light and dark theme with CSS variables yet, so I thought I would give it a try.