- Beautiful Code
- Posts
- π PonPon β Beautiful Code #52
π PonPon β Beautiful Code #52
No personal updates this week, just work, work and more work β just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week π
Hey! Itβs Marc π
If you're new here, let me quickly explain what Beautiful Code is all about. π
What can I expect from Beautiful Code?
Every week, you'll receive:
π 3 awesome websites for inspiration
π¨ 3 tools and resources that can help grow your products
π€ 3 code snippets ready to be used in your projects
π 1 meme to add a bit of humor to our world
No personal updates this week, just work, work and more work β just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week π
Before you continue I want to remind you that you can support Beautiful Code buying me a coffee βοΈ I love good coffee! π
π Websites
1. PonPon Mania
2. Won J You
3. Changer Capital ANRI
π¨ Tools & Resources
1. Lightweight Charts
Lightweight Charts is a performant JavaScript library built by TradingView for rendering interactive financial charts. It uses HTML5 Canvas for fast drawing and remains extremely lightweight (around 35β―KB gzipped). It supports features like zooming, panning, custom styling, and multiple series types (line, area, candlestick, etc.). Ideal for fintech apps and dashboards that need powerful visualizations without the overhead of full charting libraries.
2. The Simpsons API
The Simpsons API is a free and open REST API that provides structured data related to the iconic animated series. Developers can access detailed information about characters, episodes, quotes, locations, and more, all in JSON format. Itβs a fun resource for building Simpsons-themed apps, bots, or data visualizations β no authentication required.
3. Size Matters
SizeMatters is a modern tool for generating fluid typography using the CSS clamp()
function. It allows designers and developers to create responsive font size scales that smoothly adapt between a defined minimum and maximum viewport width. You can configure a base size, scale ratio, and screen size limits to generate consistent, scalable type systems for web projects. The tool outputs ready-to-use CSS variables and ensures readability across devices without relying on media queries. It's especially useful for building design systems and ensuring harmonious, responsive typography.
π€ Code and snippets
Here you will find code snippets from CodePen that you can use in your projects and adapt to your needs.
1. Halloween Dot Matrix Clock
Author: Kristen Allen
2. Tubes Cursor
Author: Kevin Levron
3. Resizable Slide Panels
Author: Jhey
π Humor
All modern digital infrastructureβ¦
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