Weeknotes 23:05

February 20, 2023

Week of February 12–18

Super Bowl Champions

I started the week (I believe the week starts on Sunday) by watching my Chiefs play in Super Bowl 57. It was an exciting and tense game as both teams played very well and either team could have come out on top. But the Chiefs pulled it out and I got to celebrate another Super Bowl championship. I shared some thoughts in a post I wrote on Monday.

Container queries land in Firefox

Container query support finally landed in Firefox 110. It is now supported in all evergreen browsers. Una Kravets has a really good article as an introduction with some great examples of container queries and container query units in action.

I am excited that all the major browsers now support this feature. It has been a long time coming. I wrote an article with my personal perspective last year. I also documented my experience of using new features and the strategies I use.

I was a bit disappointed that the :has() selector is not yet supported in Firefox. I had thought that both of these features would come to Firefox at the same time much like it did with the other major browsers. I am probably more excited about the :has() selector and the use cases it will help to solve.

For now, I rejoice that container queries are in all major browsers and can look for opportunities to use them in my solutions.

Washington’s Birthday

Thalia, an LGND teammate, share a little bit with our team about Washington’s birthday. She worked at Mount Vernon for several years accumulating a lot of knowledge about our nation’s first president.

One of the things that we learned is that the holiday is officially Washington’s Birthday. The term, ‘Presidents Day’, was a marketing term created in the 1980s for sales (most likely at a mattress store). I enjoyed Thalia’s brief history lesson.

Odd behavior in Firefox

I ran across an odd behavior this week in Firefox. As I was scrolling on the site I am currently building, I noticed a bizarre image artifact appear. It was a repeating line of pixels that looked like they were the first line of pixels from one of the images.

I was using a filter: drop-shadow() on the image instead of a box-shadow, because I was lazy and just copied the code from Figma. The image beneath the smaller image with the artifact had a mix-blend-mode. It seems the combination of the filter and mix-blend-mode we causing this bizarre issue.

I ended up fixing it by changing the filter to a box-shadow.

Articles I read

Books I am reading

What I watched

  • Super Bowl 57 (Fox) – This was an exciting game and I am glad the Chiefs came out on top.
  • All Creature Great and Small S3:E6 (Prime)
  • Somebody Feed Phil (Netflix) – I have enjoyed watching all these episodes for the first two seasons of the show.
  • Madame Secretary (Netflix) – My wife and I are rewatching this show. I think the first seasons were better than the later ones.
  • Bad Batch (Disney+)
  • New Amsterdam (Netflix)
  • The Franchise, Season 3 (YouTube) – A documentary that follows the Chiefs through the 2022 season. I can’t wait for the Super Bowl episode to drop.

Comments are closed.