Souls Like Strings

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

• Being on the other side of an interview (albeit a screening interview) is really weird
  • Really drives home how nervous and eager to please you must look when you see someone else going through it
  • Also, since it was just a screening I still don't really know what a PM does...
• Global setup for Playwright seems a bit finicky
  • We tried adding a page.on to catch and throw React errors rather than ignoring them
  • While it worked in the test body it didn't do anything in a beforeEach or test in the setup file
  ...