← Back to Newsletters

🚀 UX Growth Tips + 19 Open-Source Gems!

August 21, 2024

Hey 👋

Ready for another dose of design and dev insights? This week's Unicorn Club newsletter focuses on practical UX growth tips and a curated collection of 19 open-source gems to enhance your workflow.

All packed into a quick 5-minute read, here's a look:

🌱 Growth as a Junior UX Designer
💎 19 Open-Source Tools You Should Bookmark Now
🎨 Relative Color Syntax - Basic Use Cases
➕ More Design & Dev Insights

Enjoy 🤗 - Adam at Unicorn Club.

Automate Your Agency

Subscribe to the newsletter for digital marketing agencies in the age of AI. Learn how to automate your processes for SEO, PPC, branding, outreach and customer acquisition.

Subscribe for free

💻 Dev

Dependency injection in React - How to Manage Dependencies in Your React App

On a very basic level, dependency injection (DI) is a design pattern that allows you to inject variables, objects, or services into your code rather than hard-coding or instantiating them within your code directly.

19 Open-Source Tools You Should Bookmark Now

These Open-source tools have become increasingly popular for their flexibility, productivity, community support, and cost-effectiveness.

Relative Color Syntax — Basic Use Cases

As of last month, Firefox 128’s support of the relative color syntax means we’ve now got support across the board.

Interactive 3D Device Showcase with Threepipe

Build a minimal 3D web application to showcase designs on a laptop and phone in an interactive environment using Three.js and threepipe.

💭 Fun Fact

The start of Chrome DevTools - The earliest versions of Chrome DevTools were quite basic, even lacking a dedicated JavaScript debugger! Developers relied heavily on alert() statements for debugging in those early days.

🏎️ Performance

Is CSS Grid really slower than Flexbox?

Search for ‘is CSS Grid slower than Flexbox’ and you’ll find a few posts explaining that it is. In my experience, even if it was, it is not anymore.

Brand New Performance Features in Chrome DevTools

This guide covers some modern web performance features of Chrome DevTools, with a focus on the new Performance Panel features which helps you optimize Core Web Vitals and improve your general web performance.

Choose the right image format

If you can eliminate an image resource, which often requires a large number of bytes relative to HTML, CSS, JavaScript and other assets on the page, then that is always the best optimization strategy.

🔘 UX

Growth as a junior UX designer

When I first started working, I was a motivated, proactive, eager-to-please (albeit slightly under-confident) new designer. Looking back, focusing on a few habits in addition to core design skills helped me grow faster.

🗓️ Upcoming Events

Check out these events

💻 Intersection

Turin, Italy

Where Design meets Development. This year, we’re reimagining the way professionals engage with technology, under the theme “Revolutionizing User Interfaces: The Dawn of Intuitive Digital Worlds“. 3-4 October

See event →

🔘 Hatch Conference

Remote • Berlin

The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September

See event →

🧠 UX Y'all Conference

North Carolina

Our local conference encourages our community to share their knowledge and experience. Lightning talks, keynote talks, local speakers and workshops. September 19-20

See event →