Capsize is typography tooling designed to give you more control when laying out text. It is needed because, for different fonts, the height of characters and gap above and below them is not easy to guess. Capsize uses precise metrics to help you place text exactly where you want it.
It turns out that those metrics are also helpful for reducing layout shift
on font swap. The latest version of Capsize has a
precisely for this. The font swap technique, on one hand, is marvellous for
improving user experience, increasing apparent page load speed. On the other
hand, it can be accompanied by a distracting layout shift as the web font is
substituted in. Capsize generates modern CSS overrides, to minimize or
eliminate this shift.
See recent posts on Capsize to learn more:
There is also a
fantastic tweet thread demonstrating Capsize
by Michael Taranto, Capsize’s creator.
I have been getting some great feedback on Deno Fresh posts. It is incredible that there is so much framework choice at the moment. While Astro and SvelteKit, for example, are feature packed to help you hit the ground running on larger projects, Deno Fresh is quite ergonomic.
Since Fresh leans heavily on Web Standards, there is not much to learn. You create markup in Preact, and it generates fast sites with partial hydration. My favourite fresh feature, though, is instant builds via Deno Deploy; fantastic for optimization. See recent Deno content to learn more.
Hope there was something valuable in here for you. As always, reach out with feedback. I created an Astro tutorial series for CloudCannon this month, here is a link in case you missed it: