Souls Like Strings

• Don't forget an element is in the page twice, especially if it has an ID and you're trying to attach a click handler using that ID
  • can lead to long, hair tearing debug sessions followed by a lightbulb moment when you call click() directly on the element in the browser console
  • I just could not wrap my head around how the inspect panel could show an event attached to it, with the correct code in that event when expanded, but then not do anything when clicked
  • I guess for elements with IDs the inspect panel just shows the...

After managing to stick to at least one weekly post for a few months I've decided to reward myself with the true purpose of a personal blog - tinkering.

I started off on Hugo with the Bear Cub theme so I had no excuse to put off writing while I worked on 'essential' features, but now it's time to make my personal site a bit more personal.

I settled on 11ty as that seems to be what a lot of the people I read are using, and my brief interactions with Hugo's config/syntax didn't impress me (+ I just...

• You can use radial-gradient to draw circles on the background
• Reminded myself that setting css variables inline applies them to all child elements
  • Since SCSS seems to transpile its variables to CSS variables, could I overwrite those values for consistency?
  • And to provide a proper fallback, as opposed to a default value
  • Or is that a bad idea cos it'll confuse someone else who needs to debug it in the future?
• Sometimes just requiring the user (if they're a dev) to dump a bunch of JSON into a field is better than inventing your own...

This Blog

• legacy 'something' series about vault stuff

  • optimising list endpoint
  • class component refactors
  • store types?

• Style blockquotes

• Add custom published/drafts filters an use them to make a drafts page

• Fire effect animation on the main title?

  • Probably need a reduced motion media query on that one

• Make a site logo here

  • Pixel style?
  • Bonfire, with final boss veigar colors?
  • animate it?

• Animated gradient on link hover

• Custom styles per category

  • list icons
  • colors (through CSS var overrides)
  ...

Josh w Comeau

Topics

• CSS
• JavaScript
• General webdev

Why?

So many reasons, not least of which is that when I went to his blog to grab the link and paste it here, I discovered a new rainbow image on his home page. Then I noticed the parts of the rainbow followed my mouse around, and as I wiggled the rainbow around like a snake charmer I noticed a settings icon, which opened a slickly animated modal which allows me to change various properties of the rainbow for all users of the site (I checked on another device)....