Weekly Roundup #8

I'm proud of everyone this week, you all did great work.

I have been info-dumping about Design Systems on my blog this week. Sorry. Wait, no I’m not. Well, maybe a little, I don’t intend to be spammy.

I talk about design systems a lot at work, as I help develop ours and it’s my favorite type of thing to work on - however this topic was seemingly absent from my blog. Shout out to my lead, Kevin, for the recommendation to change that!

I have more things to share about design systems as I continue my series, Better Know a Design System. Thank you to Stephen Colbert for informing about congressional districts all those years ago, and inspiring the title for this blog series.

Oh, and this week I also pushed an update to my /robots.txt file to (hopefully) help prevent AI and LLMs from scraping my website. Checkout the ai.robots.txt repo on GitHub for an up-to-date list of bots to block and instructions for how to block them.

To quote Ethan Marcotte:

i really wish i didn’t have to think about any of this — @beep

Interesting Links

I received my copy of Multipage Version’s issue #1, a zine about HTML elements compiled by Mat “Wilto” Marquis. There is some gorgeous art in here from artists in the developer community, I love seeing all the interesting things this community is capable of!

Mia helps us navigate all these fancy new CSS features coming out and what might be helpful to learn now. I also recommend learning grid as I really 💜 it.

I really enjoyed this write up from Kevin Powell on his experience speaking at CSS Day, very inspiring as someday I, too, hope to hear Kevin speak at CSS Day.

Interesting and thoughtful write up by Evan, and as a self-described data-hoarder, this definitely gave me some things to consider.

You love to see useful web components and Adrian shared this great example, with perfect code and no errors whatsoever, for embedding YouTube or Vimeo videos.

If you need just an all around solid example of tooltips using new browser feature popover and CSS anchor positioning, look no further than this example by Michelle.