🍾 New Year – Beautiful Code #17

Happy New Year and welcome to 2025! 🎉 I’m back with the newsletter, as always, every Thursday without interruption!

Author

Marc Taulé
January 2nd, 2025

Hey! It’s Marc 👋

Happy New Year and welcome to 2025! 🎉 

I’m back with the newsletter, as always, every Thursday without interruption!

This year’s goal is to reach 500 subscribers. I have a few ideas to make it happen, and as I implement them, I’ll share the process with you 😊

On a personal level, I’m starting the year with projects already confirmed during 2024, and I hope to be able to share them with you soon. For now, it looks like 2025 is shaping up to be a great year, and I hope it will be for all of you too!

I won’t ramble on—here’s the content for the first newsletter of 2025!

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

1. Experiences & Advantages

2. Vantage

3. Spencer Gabor

🔨 Tools & Resources

1. Free Faces

Free Faces is a curated online gallery offering a diverse collection of typefaces available under various free licenses. The platform categorizes fonts into styles such as cursive, display, monospace, sans serif, serif, and slab, facilitating easy navigation for designers and typographers seeking quality fonts for personal or commercial projects

2. Country Flag Icons

Country Flag Icons is an open-source collection of SVG country flags in a 3:2 ratio, optimized for web and UI projects. It includes React components and npm support for easy integration

3. Grainient

Grainient offers over 1,000 high-quality gradients, noisy textures, and AI-generated backgrounds in 4K–8K resolutions. Perfect for design projects, it includes free samples and a lifetime access plan.

🤖 Code and snippets

Here you will find code snippets from CodePen that you can use in your projects and adapt to your needs.

1. The Lost Sheep

A funny animation made with CSS.
Author: Vineeth.TR

2. Parallax Image Layers

A scroll parallax effect created with different layers and depths using GSAP ScrollTrigger.
Author: Osmo

3. Cosmic Neon Effect

A hover effect simulating a neon light, created using only CSS.
Author: Carmen Ansio

😂 Humor

Finally some progress! 🤩 

.

I hope you enjoy it, and if you like it and want to support me, you can:

  • You can support me by buying me a coffee ☕️

  • Forward it to a friend and invite them to subscribe

  • Share it on your social networks

Or if you just want to say hello, reply to this email or write me on Twitter/X and let's talk!

That's all for today. I hope you enjoyed the content, and see you next week! 👋

Cheers!
Marc