Even have that annoying experience of GitHub comments being “rolled up” under a series of “Load more…” buttons? I understand the reasoning for that, but it can be so annoying to have to keep expanding, expanding, expanding to get the full story on something. Always one to look for a solution, Eric Meyer did just that with is Load All GitHub Comments bookmarklet.

Switching from GitHub to Git, how many times you you mistyped a Git command and got either an error or a suggestion of what you probably meant? Bunches, I bet. Well, did you know that Git has an autocorrect setting??? Me neither! Stefan Jundis kindly points out a few additional settings that the doc doesn’t explicitly mention.

Sticking with Stefan for a second, any interest in branding your site’s scrollbars? Well if you do, Stefan has the breakdown on how to get it done!

When it comes to performance, there aren’t many bigger names than Scott Jehl… So for anyone interested in learning about performance, you might want to check out Scott’s course, titled Lightning-Fast Web Performance.

Next up, Kevin Powell walks us through some new-ish features of @media queries and digs into @container queries. Some good stuff here!

Sticking with Kevin for one more, where he digs into several CSS-only games… Mind-blowing! And I love to see someone that is as good as Kevin is at CSS be amazed by someone else’s CSS!

The FOSDEM 2024 conference has wrapped and videos are slowly being added to the site! My personal preference is the Web Performance Track, but peruse as you will… 🙂

VS Code users, the editor.stickyScroll.enabled setting made a big splash when it landed, allowing us to have “sticky” context within the editor panel. Well now we also have workbench.tree.enableStickyScroll, which does the same for the workbench tree. Huzzah!

You know, I never really thought about why checkboxes are square and radio buttons are round… But Nikita Prokopov clearly has, and writes about it in is article, In Loving Memory of Square Checkbox… ☹️

A sweet little JS/CSS/Custom Properties combination for creating a dynamic scroll-driven animation from Mr. Heydon Pickering. An elegant example of how knowing CSS and JS well can help you find the perfect solution.

We all know CSS, most of us use it every single workday. But I never really thought about it as logical… Luckily Geoff Graham did, and the read is truly beautiful…

Who doesn’t love a good favicon? 🙄 But the bottom-line is, when users bounce around from tab-to-tab, that is how they recognize your site… And while the good-old-days of needing only a single favicon.ico are long gone, we also no longer need the 317-or-so variations that some favicon generators tend to push on you. Andrey Sitnik offers How to Favicon in 2024: Six files that fit most needs, a nice up-front synopsis of what we need now-days, followed by a lovely, thorough explanation of why…

And speaking of making things clear/obvious, David Swallow share insights on Doing what’s required: Indicating mandatory fields in an accessible way. It take a few extra bits, but could make a world of difference to your users!

And sticking with a11y for a second, Daniela Kubesch shares 5 HTML attributes for improved accessibility and user experience. All very practical, but personally love the translate="no" for words or phrases that you are explaining, as I often stumble across things getting translated and actually breaking the context of the article. And new-to-me was the reverse attribute. Maybe not all that useful, but would be great for a countdown list!

And finally, here is a 9 minute and 27 second video of 4k images from the surface of Mars… Gorgeous, inspiring images. The narration is perhaps a bit hokey at times, but worth it…

Happy reading,
Atg

Top⇪