📊 How is it going? – Beautiful Code #11

Hey everyone! It’s Marc 👋

Last week, I sent out the 10th edition of the newsletter!

To celebrate, I want to share how the newsletter is performing and the stats I’ve gathered so far.

Since we launched, we’ve had 54 subscribers, and currently, there are 49 of you (a shame for those who are no longer with us). Regarding engagement, we have an open rate of 69.79%, a click rate of 24.59%, and a total of 460 impressions.

What do you think? I’d love to hear your thoughts! 😊 

If you enjoy the content and want to support me, here are a few things you can do to help grow the newsletter 👇️ 

• 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

On another note, today I’m sharing something fun that I was really excited to find.
It’s a Dragon Ball API, from one of my favorite childhood shows.
With it, you can explore many of the characters from the series, their powers, names, and more... It brought back so many memories! 🐉

That’s all for now. I hope you enjoy this week’s content!

😍 Websites

1. Stryds

2. Fitonist

3. One Key

🔨 Tools

1. Robopost

Robopost is a social media management tool for creating, scheduling, and publishing content across platforms. It features AI-generated captions, automation, bulk scheduling, and direct publishing to Instagram, Twitter, LinkedIn, and more.

2. Cool Contract

Cool Contrast is an online tool designed to help designers and developers assess and optimize the color contrast of their projects. By inputting color combinations, users receive feedback on contrast ratios and compliance with Web Content Accessibility Guidelines (WCAG). The tool offers suggestions to enhance color contrast and provides previews of how the colors will appear in various UI elements, ensuring accessibility and visual appeal.

3. JSON Crack

JSON Crack is a tool that visualizes JSON data as interactive graphs, making it easier to analyze and understand. It supports various data formats and offers features like formatting, validation, and exporting visualizations.

🧰 Resources

1. Swapy

Swapy is a framework-agnostic JavaScript tool that transforms any layout into a drag-to-swap interface with minimal code. It allows users to specify slots and items within their layout, enabling intuitive drag-and-drop functionality. Swapy supports various frameworks, including React, Vue, and Svelte, and offers customizable animations and event listeners for enhanced interactivity.

2. Starlight

Starlight is a tool for building fast, modern documentation sites with Astro. It supports Markdown, MDX, and Markdoc, includes features like navigation, search, SEO, and code highlighting, and works with React, Vue, and other frameworks

3. Dragon Ball API

The Dragon Ball API is a fan-created project that provides access to a comprehensive database of characters, transformations, and planets from the Dragon Ball universe. Developed using technologies like NestJS, MySQL, Cloudinary, and AWS, it offers a web interface built with Vite, React, and Material-UI. Users can retrieve detailed information about various elements of the series, making it a valuable resource for developers and enthusiasts.

🤖 Code and snippets

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

1. Interactive Gradient

A very cool effect where the background gradient moves as you move the cursor. It's made with an SVG using filters, JavaScript, and CSS.
Author: Tomazki

2. Anchor Magnet Slide Menu

A menu where the marker and the background of the sections move as the mouse moves, creating continuity throughout the menu.
Author: Jhey

3. Cards with inverted border-radius

As the title suggests, cards with an inverted border radius to place the CTA on top.
Author: Kristen

😂 Humor

Website restricted by Developer 🚨

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