Beautiful Code
Posts
👨‍💻 My Work – Beautiful Code #23

👨‍💻 My Work – Beautiful Code #23

In case you don’t know me, I’d like to introduce myself and tell you a bit about what I do. I studied graphic design and gradually specialized in design and, most importantly, frontend development. Today, this is what I do for a living. I work with my own clients and have my own projects, such as Supasnap or Tiny Pockets, which I shut down a few months ago.

Marc Taulé
February 13th, 2025

Hey! It’s Marc 👋

How are you?

In case you don’t know me, I’d like to introduce myself and tell you a bit about what I do. I studied graphic design and gradually specialized in design and, most importantly, frontend development. Today, this is what I do for a living. I work with my own clients and have my own projects, such as Supasnap or Tiny Pockets, which I shut down a few months ago.

Now that we’re introduced—this week, I’m bringing you I’m bringing you Iceberg, a website I developed for Plastic, a boutique design company that conceptualized and designed the entire site. Iceberg is a transmedia documentary that uncovers humanity’s hidden capacity to tackle the climate crisis.

The entire frontend is built with Nuxt 3 (I’m a Nuxt lover 🥰) and for animations, interactions, and transitions, I used GSAP (of course!). It was quite a complex project, but the effort was totally worth it. What do you think about it? 🤔

On the coding side, this week I’ve selected two fun and curious examples. One lets you create ASCII Art from an image, and the other is an Audio Visualizer made with checkboxes! They’re so entertaining they could almost go in the humor section! 🤣

So, here’s this week’s content—I hope you like 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. Monoco

Monoco is a lightweight JavaScript library that enables the application of smooth, squircle-shaped corners and various other corner styles to HTML elements. It works by dynamically generating SVG code based on user-defined parameters and applying it as a CSS background image or clip path, ensuring compatibility with modern browsers. Monoco is available for vanilla JavaScript, as well as frameworks like React and Svelte.

👉 Check it out

2. Style Console Log

StyleConsoleLog is a web application that assists developers in styling their console.log messages using CSS. By leveraging the %c format specifier, users can apply various styles to console outputs, enhancing readability and organization during debugging. The tool simplifies the process by providing an intuitive interface to craft styled log messages, which can then be integrated into development workflows.

👉 Check it out

3. IPQuery

IPQuery is an API for developers that provides geolocation data, VPN detection, and threat intelligence for IPv4 and IPv6 addresses. It supports JSON, YAML, XML, and plain text formats, with no rate limits for registered users.

👉 Check it out