🎄 Preparing gifts – Beautiful Code #16

Today, I’m bringing you the last newsletter of the year, making it 16 in total!For next year, I’m preparing a compilation of all the websites, tools, resources, and code snippets I’ve shared over the past months.

Author

Marc Taulé
December 26th, 2024

Hey! It’s Marc 👋

How are you spending the Christmas holidays?

Today, I’m bringing you the last newsletter of the year, making it 16 in total!
For next year, I’m preparing a compilation of all the websites, tools, resources, and code snippets I’ve shared over the past months. This way, you’ll be able to easily browse and quickly find what you’re looking for. I’m putting it together in Notion. If you have any other suggestions for where I could do it, I’m all ears!

That’s it for now. I hope you have a wonderful holiday season and a great end to the year and start of the next one!

See you next year!

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. Kriss.ai

2. The Fabulous Cartier Journey

3. Sundae Creative

🔨 Tools & Resources

1. CCCreate

CCCreate is a curated collection of tools and resources for web creators, compiled by Sebastien Noël. It includes utilities for color selection, typography, layout design, icons, animations, and more, aiming to streamline the web development process.

2. TS Diagram

TSDiagram is an online tool that enables you to create diagrams using TypeScript. By defining data models through type aliases, interfaces, and classes, it automatically arranges nodes efficiently. You can manually adjust node positions, and the tool will maintain the layout for other elements. It also allows you to export your diagrams as SVG files.

3. Cerebras Coder

CerebrasCoder is an open-source application that rapidly transforms user ideas into fully functional web applications. Leveraging the Llama3.3-70b language model, it operates on Cerebras's high-performance wafer-scale hardware, enabling swift code generation and deployment. The platform is entirely free and open-source, with its codebase hosted on Val Town

🤖 Code and snippets

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

1. Moon Toggle

A button created by the amazing Jhey, using only CSS and JavaScript just to toggle the button's classes.
Author: Jhey

2. Snowfall

A festive effect created with JavaScript, leveraging the power of <canvas>.
Author: Hagalaz Design

3. Living Words

A very cool effect where a poem moves along the walls, changing the wall colors as it progresses. Made with CSS and JS.
Author: Alexandre Vacassin

😂 Humor

Wish of every programmer but even Santa got bugged 🎅

.

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