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…
Mel Choyce 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 Jane Radetska 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, Alex Podelko 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, Jens Oliver Meiert 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: Nic Jansma shows how the JS Self-Profiling API can take RUM to an entirely new level!
Dmitri Pavlutin 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, Martynas Kadiša offers a plugin to help export layers to HTML, React and Tailwind!
A series of quick videos from Kyle Cook for observing your site, and it appears that all three of these have quietly come-of-age…
- Intersection Observer | Can I Use
- Mutation Observer | Can I Use
- Resize Observer | Can I Use
(at least until container queries are ready)
And finally, think you got CSS game? Find out…
Happy reading,
Atg
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: ab
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.
Some HTML was stripped in my comment. I was talking about the wbr-tag.
Soft-Hyphens can be used using & shy; within HTML.