Beautiful Code
Posts
📷 Content is important – Beautiful Code #14

📷 Content is important – Beautiful Code #14

This December has been super busy for me. It always happens at the end of the year—I get a lot of work, and I barely have time for anything. Does this happen to you too? I’m really looking forward to the Christmas holidays to rest and disconnect a bit

Marc Taulé
December 12th, 2024

Hey everyone! It’s Marc 👋

How are you?

This December has been super busy for me. It always happens at the end of the year—I get a lot of work, and I barely have time for anything. Does this happen to you too? I’m really looking forward to the Christmas holidays to rest and disconnect a bit 😊

Regarding the newsletter, this week I’m bringing you 3 websites related to photography. If you’re working on a project in this field, these are great examples to draw inspiration from. All of them use GSAP in many of their effects and interactions, making them very dynamic and visually appealing.

Additionally, the content (the photography) is central, and that’s essential for these projects to stand out. A project with great interactions but poor content loses all its charm and value. Remember, tools and animations can grab attention, but it’s the content that truly connects with the user and makes the experience memorable.

So, here’s this week’s content!

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. Potlab Icons

Potlab Icons is an open-source library offering animated SVG icons for web projects. Users can customize icon colors, strokes, and sizes to align with specific design requirements. The icons are free for personal and commercial use, providing flexibility for various applications.

👉 Check it out

2. Swup

Swup is a page transition library for server-rendered websites. It handles the full page loading lifecycle, enabling smooth animations between the current and next pages. Features include caching, intelligent preloading, native browser history support, and enhanced accessibility. Swup provides a single-page app-like experience without added complexity.

👉 Check it out

3. Shortcuts

Shortcuts.design is a centralized, searchable database of keyboard shortcuts for various design tools, including Adobe Illustrator, Figma, and Sketch. It helps designers enhance their workflow efficiency by providing quick access to essential shortcuts. The platform is open-source, allowing users to contribute by adding or updating shortcut information.

👉 Check it out