+ 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: 2 MINUTES

Rodney Lab Newsletter — May 2024Rodney Lab Newsletter — May 2024

blurry low resolution placeholder imageRodney Lab Newsletter

Font spacing

Font size

❤️ Svelte 5 RC #

Svelte 5 is now at the Release Candidate stage, and the full release should be just around the corner. I have been using it with Astro as it was being developed, and am excited to see the final thing released. New features include:

  • new Runes fine-grained reactivity system;
  • more efficient if and each blocks; and
  • Hot Module Reloading.

Keen to hear your thoughts on the new features!

🧑🏽‍💻 Follower Feedback — Centring Text with Capsize CSS #

Saw this nice post on centring text in CSS by Niki. It’s not your typical skit on centring content within a div; instead, it looks at centring text on a line, how the default spacing above and below a font can seem arbitrary and how some apps like Figma solve the problem.

Capsize CSS is a fantastic typography tooling especially for this issue, giving you precise control on text layout. Capsize font metrics have data for Google fonts, and are also utilized in Fontaine to reduce layout shift.

In case you missed these, here is some content I have put together on using Capsize directly and in other packages:

  • Svelte Capsize Styling: Typography Tooling;
  • Astro Font Fallbacks with Capsize: reduce CLS; and
  • SvelteKit Fontaine: Reduce Custom Font CLS.

Hope you find these useful!

📢 Fun Finds #

  • Design Article — Generate Colour Palettes for Design Systems: Good read in which Matt Ström-Awm talks about how the Stripe team rebuilt their colour palettes using a systematic approach.
  • Learning — 100-exercises-to-learn-rust: More free Rust training from Luca Palmieri and the Mainmatter team. Another bite-sized options (previously linked), for starting Rust is the rustlings project.
  • Tools — ATAC — Postman functionality from the Terminal: following the recent trend of Text-based User Interface (TUI) apps, inspired by Charm (Go-based) and Ratatui (Rust-based) tooling, ATAC lets you test you REST based API right from the Terminal, a little more convenient than curl and this tools offers a lightweight alternative to Postman.

👋🏽 Until next time! #

Hope there was something valuable in here for you. As always, reach out with feedback. Here are some links to recent content, which I hope you will find useful:

  • Rust Entity Component Systems: ECS Libraries for Rust Game Dev
  • SvelteKit JSON Import: use JSON Data in Svelte
  • Getting Started with Astro: Build React & Svelte Islands
Did you find this issue useful?
  • ❤️ Svelte 5 RC
  • 🧑🏽‍💻 Follower Feedback — Centring Text with Capsize CSS
  • 📢 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.