Beautiful Code
Posts
💧 Fluid Typography – Beautiful Code #19

💧 Fluid Typography – Beautiful Code #19

This week, I’ve been dealing with a headache and feeling a bit under the weather, with a cough and a runny nose... Despite that, I didn’t want to leave you without the newsletter and the weekly content 😊

Marc Taulé
January 16th, 2025

Hey! It’s Marc 👋

This week, I’ve been dealing with a headache and feeling a bit under the weather, with a cough and a runny nose… Despite that, I didn’t want to leave you without the newsletter and the weekly content 😊

I’ll take it easy over the next few days and try to recover so I can start next week full of energy and at 100% 💪🏻

Here the content of this week! Enjoy it!

Do you know any websites, tools, resources, or code snippets that could be featured on Beautiful Code? Send them to me! 👇
https://tally.so/r/mRJRGP

😍 Websites

🔨 Tools & Resources

1. Unlazy

Unlazy is a universal lazy loading library that enhances image loading by utilizing native browser APIs. It supports frameworks like Vue, React, Solid, Svelte, and Nuxt, and offers features such as BlurHash and ThumbHash placeholders for instant loading, automatic calculation of the sizes attribute for optimal performance, and SEO-friendly behavior by detecting search engine bots to preload images. Unlazy can be integrated into projects with or without a build step, providing flexibility for various development workflows.

👉 Check it out

2. Enclosed

Enclosed is an open-source web application designed for sending private and secure notes. It employs end-to-end encryption, ensuring that only the intended recipient can read the content, with no knowledge retained on the server side. Users can set expiration times, passwords, and choose to have notes self-destruct after being read, enhancing confidentiality. The platform also supports file attachments, a minimalistic user interface, and is responsive across various devices. For those interested in self-hosting, Enclosed provides comprehensive documentation and Docker support.

👉 Check it out

3. Type Scale Generator

The Type Scale Generator is an online tool that helps designers and developers create harmonious typography scales for their projects. By selecting a base font size and a scale ratio, users can generate a set of font sizes that maintain consistent visual hierarchy across headings and body text. This approach ensures readability and aesthetic balance in web and print design. The tool provides immediate previews of the type scale, allowing for quick adjustments and experimentation. Once satisfied, users can export the generated CSS for seamless integration into their projects.

👉 Check it out