Archive of: 2021

• 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.

  100daysofcode, CSS, HTML

• 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.

  100daysofcode, CSS, HTML, fallbacks

• 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

• 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.

  100daysofcode, CSS, HTML

• 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.

  100daysofcode, CSS, HTML

• Clamp Wrapper

  February 20, 2021

  Read about using clamp to make a more robust wrapper class and thought I'd try it out. I'm not quite sure how to provide a fallback for older browsers just yet, but I probably won't put this to use on a client's site unless I can provide one. Now will I use it on personal projects? I'll certainly consider it.

  100daysofcode, CSS, HTML

• A Quick Test of Scroll Snap

  February 19, 2021

  After doing a bit of reading and watching a video on scroll-snap, I thought I'd try it out. I'm reusing 99% of yesterday's post, but somedays that may just be how things go.

  100daysofcode, CSS, HTML

• Trying Horizontal Scrolling

  February 18, 2021

  While working on the template for my code posts, I decided to get horizontal scrolling a try. I was surprised by how easily this worked. I know it's not ideal, but it's a good first attempt.

  100daysofcode, CSS, HTML