Weekly Bookmarks 7: CSS and HTML

Published on:: December 3, 2023
Categories:: CSS⁶¹, HTML, bookmarks²¹
Current music:: Huge Shark — One Day (single version)
Current drink:: Yunnan tea

Today’s “weekly” is a short one! Mostly about CSS and HTML, no bonus topics this time.

“HTMHell Advent Calendar 2023”, curated by Manuel Matuzović — a collection of articles by different authors. I highly recommend checking them out and subscribing to its RSS. I won’t include all the articles here in my weekly, even though all of them would be worthy — the joy of such calendars is the joy of not knowing what is inside, and I won’t steal it from you. Sorry, article authors, for not mentioning you!
“Web Development Advent Calendars for 2023” by Adrian Roselli — a round-up of many advent calendars related to web development. I did not find many things that I could relate to, but I encourage you to check the list out — maybe you’ll find something up to your liking!
“I restyled my Mastodon instance” by Eric Bailey — a post, showing how using BEM classes (instead of some generative or abbreviated mess) and an ability to add custom styles in an admin UI allowed Eric to modify the styles for his Mastodon instance.
“How to Use Responsive HTML Video (…and Audio!)” by Scott Jehl — an article about how support for responsive audio and video returned to Chrome and Firefox, allowing us to adjust the sources based on various media features.
“Drop a cap?” by Sarah Gebauer — a short blog post about using initial-letter in CSS, which mentions a few of the current cross-browser issues with it. In my practice, there are maybe too many interop issues with both initial-letter itself, and the :first-letter in general — I’ll need to find time to finish my research on this.
“Revealing ‘back to top’ button” by David Darnes — a CodePen with a simple way to achieve a “back to top” button’s effect. While it is simple, it relies on the link having an inline display, which, interestingly, makes the margin to affect the sticky behavior, while not applying the margin in the layout itself. Quite a curious interaction in CSS.

My Blog Posts

With the November ending, I did stop writing one post per day. Still, last week included the last four days of that productive month, so here are my last four posts from it: