Today’s Readings

A happy belated New Year to those celebrating January 1 as a new year! And what better way to start a new year, than by rounding-out the previous one? CSS Tricks offers a nice roundup of, well, roundups! You researchy-types will love it…

shares a host of content writing DOs and DON’Ts.

Okay, show of hands: How many do load-testing on their projects? Well, of course we all should. And has some practical tips to help with your load-testing.

And if you need some place to store all of that analytics data, ClickHouse might be just the database you have been looking for!

And in case you are still having trouble convincing the boss that performance is a worthwhile investment, has got some tips to help build a business case for performance.

If you are running WP sites, perhaps pushing it through Gatsby could help?

And if that isn’t enough of a speed boost, suggests a very simple, very brief performance boost: Send. Less. HTML. Some of the examples get pretty extreme and will feel like nails-down-the-chalkboard for a lot of old-school web purists [looks at self in mirror]… The idea of coding like this by hand, or even in my templates, does indeed seem gross to me, but the tooling recommended could be a great approach…

And once you get that load speed all sussed-out, make sure your app is not leaking any memory!

“fuite is a CLI tool for finding memory leaks in web apps”

Checkout the repo, the intro blog post, or the tutorial video.

Okay, might as well toss this in here too: shows how the JS Self-Profiling API can take RUM to an entirely new level!

introduces us to two coming-soon Array methods: array.groupBy() and array.groupByToMap().

Dmitri also shows how we can use array.flatMap() to sort of combine array.filter() and array.map(). And this one appears to be ready for prime time!

For any Figma users out there, offers a plugin to help export layers to HTML, React and Tailwind!

A series of quick videos from for observing your site, and it appears that all three of these have quietly come-of-age…

And finally, think you got CSS game? Find out

Happy reading,
Atg

2 Responses to Today’s Readings

  1. Robert Vock says:

    Regarding the -Tag:
    We mostly use soft-hyphens in our projects. It’s like a hyphen, that only appears when the word is split up at the end of the line:
    https://en.wikipedia.org/wiki/Soft_hyphen

    It can be used as ­ or ­ in HTML.
    But we use the (invisible) soft-hyphen character (0xAD or 173) so it also works in plain-text (or within the -tag) without being escaped. Here is one between a and b: a­b

    If you copy the “ab” and move the cursor using arrow-keys in a text editor, you will notice, that the cursor “hangs” and you need to press left-arrow twice.

    We use post-processing for our HTML to apply those soft-hyphens for most long words, because most of our content is german and most of our editors don’t use the soft-hyphens.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.