🧱 Side project – Beautiful Code #10

Hey everyone! It’s Marc 👋

How are you?

This week, I’ve been updating the projects on my website. If you’d like to take a look, here’s the link: superloop.dev 😊

I want to share that a few days ago, I started testing a side project that I’ve been thinking about for years but never had the time to pursue.
At first glance, it’s a simple project, but it’s complicated to carry out.
The tests I’ve done so far are encouraging and motivate me to keep working on it.
For now, I don’t want to share more details, but once I can confirm that the project is moving forward 100% and the tests have been successful, I’ll let you know and keep updating you both here and on my X profile.

By the way, if you’re not following me yet, you can do so here 👇

@marctaule

😍 Websites

1. Saisei

2. Hatom

3. Amaterasu

🔨 Tools

1. Pulsetic

Pulsetic is a website uptime monitoring service that alerts you via phone call, SMS, email, or Slack if your website experiences downtime. It allows you to create customizable status pages and incident management reports to keep your visitors informed. Pulsetic monitors your website's availability and performance from various global locations, providing detailed regional information on uptime and response times. Additional features include SSL certificate monitoring, customizable requests, and maintenance windows to schedule updates without triggering downtime alerts.

2. ColorMagic

ColorMagic is an AI-powered color palette generator that allows users to create and explore color combinations based on any keyword. By entering a keyword, the tool generates a matching color palette, facilitating the design process for various projects. Users can browse thousands of public palettes categorized by tags, seasons, moods, and more, providing inspiration and aiding in the selection of cohesive color schemes.

3. Loops

Loops is an email platform tailored for modern SaaS companies, offering a unified interface to create, send, and track various email types, including product updates, marketing campaigns, and transactional messages. It provides a user-friendly editor for designing emails, supports dynamic content personalization, and integrates seamlessly with tools like Stripe, Supabase, and Zapier. Loops also offers a free plan that allows users to store up to 1,000 contacts and send up to 2,000 emails every 30 days.

🧰 Resources

1. Open Doodles

Open Doodles is a collection of free, open-source illustrations created by designer Pablo Stanley. These sketchy-style images are available in formats like SVG, PNG, and GIF, and can be used for personal or commercial projects without attribution. Users can customize the illustrations using the Open Doodles Generator, which allows for color adjustments to match specific design needs.

2. Apex Charts

ApexCharts is a JavaScript charting library for creating interactive and responsive charts. It supports various chart types, like line, bar, and pie, and allows mixed chart configurations. The library is free to use under the MIT license and is developer-friendly, with extensive documentation and examples for easy integration.

3. CSS Layout Generator

The CSS Layout Generator is an online tool that helps developers create CSS Grid and Flexbox layouts. It offers a variety of templates, such as 12-span grids, 3x3 grids, and sidebar layouts, which can be customized to fit specific design needs. The tool generates the necessary HTML and CSS code, simplifying the process of building responsive web layouts.

🤖 Code and snippets

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

1. Peas

Play around by throwing the peas and observe how gravity works. Made with Matter.js, a 2D physics engine for the web.
Author: Hannah Morgan

2. Circle Carousel 

A cool circle carousel made with Threejs, a 3D javascript library.
Author: Paul

3. Lego Block Loader

A fun loader made with Lego blocks. Made only with CSS and HTML.
Author: Vineeth. TR

😂 Humor

This is the difference: Frontend VS Backend

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