+ HAVE MORE+ ASK FOR MORE
RODNEY LAB NEWS
  • Newsletter
  • Tutorials
  • Blog
RODNEY LAB NEWS
  • Newsletter
  • Tutorials
  • Blog

Subscribe to the newsletter

By subscribing, you agree with our Terms of Use and Privacy Policy.
READING TIME: 3 MINUTES

Rodney Lab Newsletter — May 2023Rodney Lab Newsletter — May 2023

blurry low resolution placeholder imageRodney Lab Newsletter

Font spacing

Font size

🛶 Pick of the Month — Capsize #

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 createFontStack function 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:

  • Astro Font Fallbacks: Reduce CLS
  • Svelte Capsize Styling: Typography Tooling

There is also a fantastic tweet thread demonstrating Capsize createFontStack by Michael Taranto, Capsize’s creator.

🧑🏽‍💻 Follower Feedback — Deno Fresh #

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.

📢 Fun Finds #

  • Resources — What’s New in CSS and UI: what I most look forward to as I scroll Twitter at the start of a day are the updates from the likes of Adam Argyle, Bramus, Una Kraets and Jhey Thompkins. These posts showcasing new web capabilities inspire me to try the latest CSS features. The recent rate of innovation is so fast that I easily forget the previous feature as I learn about each new one. Thankfully, Una, Bramus and Adam have put together this collection of 20 recent CSS greatest hits to help me out!
  • Optimization — Web Performance Snippets: it seems no matter how much you optimize a site, you can always revisit next month and find performance could do with a tweak! Try this collection of optimization snippets when you find yourself struggling to satisfy the recommendations offered by automated tooling! It covers a broad range of areas from Core Web Vitals and Largest Contentful Paint to Time to First Byte and finding render blocking resources.
  • Levelling Up — Learn Passkeys: passkeys use the new Web Authentication (WebAuthn) standard for secure login without passwords. Although Apple and Google have played a leading role in their development, Firefox support and Bitwarden passkey management are on the way. Eiji Kitamura, a Google Developer Advocate, gets you up to speed in this video.

👋🏽 Until next time! #

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:

  • Astro Beginners’ Tutorial Series
Did you find this issue useful?
  • 🛶 Pick of the Month — Capsize
  • 🧑🏽‍💻 Follower Feedback — Deno Fresh
  • 📢 Fun Finds
  • 👋🏽 Until next time!

Subscribe to Email and RSS

If a friend or colleague forwarded this to you, and you like it, you can subscribe to receive the newsletter in your inbox, but you don’t have to! If you prefer, subscribe to the newsletter RSS feed or just even check back to see the latest newsletter issue once a month.

Ask for more

1 Nov 2022—Astro Server-Side Rendering: Edge Search Site
3 Oct 2022—Svelte eCommerce Site: SvelteKit Snipcart Storefront
1 Sept 2022—Get Started with SvelteKit Headless WordPress

Copyright © 2022 – 2025 Rodney Johnson. All Rights Reserved. Please read important copyright and intellectual property information.

  • Home
  • Profile
  • Plus
  • Newsletter
  • Contact
  • Links
  • Terms of Use
  • Privacy Policy
We use cookies. Some (optional) cookies help to work out which content visitors find most useful. Please click the “Options” button to make a choice. Learn more here.

Some cookies are set in order to move around the website and use its features. Without these cookies, services cannot be provided.

We use our own web analytics cookie to help us know which content is most useful and give us an idea of the audience. The cookie code creates a random identifier for each new session. It associates a time stamp, your browser user agent, locale and country with the session when that information is available. If you came here from another page, we will also associate that referring page with the session identifier when that information is available. Please see the Privacy Policy for further details. The web analytics cookie is optional.