Hey folks 👋
This week’s Unicorn Club has a bit of everything.
We’re looking at CSS puzzles like inline background overlaps and giving some overdue attention to tools like border-image. On the UX side, a blurry A/B test has delivered surprising results, and AI is continuing to reshape how we approach design.
For devs, check out document.designMode for a handy browser trick. And in design, Switzerland’s new passport might just be the most beautiful thing you’ll see this week.
That’s all—straight to the good stuff.
Cheers,
Adam 🦄
📬 Want More? Subscribe to Our Newsletter!
Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:
- Receive the newsletter earlier than everyone else.
- Access exclusive content not available to non-subscribers.
- Stay updated with the latest trends in design, coding, and innovation.
Don't miss out! Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.
🔗 Subscribe Now - It's Free!
Sponsored by Bit Composable Software
Bit: Celebrating 10 Years of Composability
For a decade, we navigated the complexities of disconnected systems, facing integration headaches and scaling challenges. Our journey to build effectively at scale led us to a breakthrough: Harmony.
Discover our 10-year story of pioneering composable architecture and how Harmony finally delivered the monolithic simplicity and distributed power we always envisioned, transforming our development from struggle to exponential progress. This is our story.
🧠 UX
Weirdest A/B test blew everyone's mind
One blurry background = 94% more conversions (here's the exact test).
The Evolving Role of UX Designers
The integration of Artificial Intelligence into user experience design is rapidly transforming the field, marking a significant evolution in the role of UX professionals.
📋 CSS
A Deep Dive into the Inline Background Overlap Problem
How to get a semitransparent background following some inline text with padding, but without the overlap problem.
Minding the gaps: A new way to draw separators in CSS
Drawing separator lines between various sections of a webpage is a common design technique, which can help to structure the content and make it more readable, as well as more aesthetically pleasing.
border-image remains one of the most underused CSS tools. Is it possible that people steer clear of border-image because its syntax is awkward and unintuitive?
Fluid CSS methodologies have completely transformed my approach to web integration by improving the responsive aspect and simplifying maintenance.
The First CSS Proposal Had Only 9 Properties 🛠️
When CSS was first proposed in 1994 by Håkon Wium Lie, it consisted of just nine properties, including font, color, and background. Compare that to modern CSS specs, which now include hundreds of properties!
🧑💻 Dev
Previewing Content Changes In Your Work With document.designMode
You probably already know that you can use developer tools in your browser to make on-the-spot changes to a webpage — simply click the node in the Inspector and make your edits. But have you tried document.designMode?
📰 Classifieds
Share with 3,500+ readers, book a classified ad.
Unify Your Development with Bit's Enterprise
Bit empowers teams to build seamless, high-performance distributed applications. By eliminating common integration challenges, it provides the scalability and security essential for enterprise-grade development.
🗓️ Upcoming Events
Exclusive deal with GitNation to bring you the best deals. Get 10% off with code "UNICORN".
As an extra bonus get a free remote ticket with 50% access to JSNation. Get your ticket.
🌍 Real Talks, Real Connections
April 05, 2025 - Full-Day Event
Join Fork it! 2025 at the Cité de la Culture in Tunis, Tunisia. Don't miss a day of knowledge-sharing and meaningful conversations with 200+ participants and speakers from 15+ countries. Dive into real experiences and practical insights in a fully engaging, multilingual environment.
🟨 JSNation: The JavaScript Event of 2025 (Save 10%)
June 12-16, 2025 - Hybrid & Remote
Join JSNation 2025, the ultimate JavaScript conference, for a celebration of innovation and collaboration in web development. Connect with 50+ experts, network with 1500 attendees in Amsterdam, and join 10K devs online.
See Event → (Code: UNICORN)
🎨 Design
Switzerland’s New Passport Is So Stunning, It Belongs in a Museum
The European country might have the 5th strongest passport in the world, but they also have the most gorgeous passport now, with this new design unveiled by Geneva-based studio RETINAA.
Mindful Design is the responsible designer’s survival guide. Read the book, grab the toolkit, and take the course.
Steering a design career (why design goes wrong and how to set it right)
The work of design starts long before you open Figma. We must first seek out – or create – conditions in which good design is even possible, by building our own relational power.
Support the newsletter
If you find Unicorn Club useful and want to support our work, here are a few ways to do that:
📨 Recommend friends to subscribe
📢 Sponsor or book a classified ad
👕 Look like a Unicorn in our merch
☕️ Buy me a coffee
Other ways I can help...
Here’s how I can help you tackle your next challenge:
🎯 1:1 Mentorship – Personalised advice on portfolios, career moves, or challenges you're facing.
💡 Hire Me – Let’s work together to launch your vision, get expert guidance and make an impact.
Thanks for reading ❤️
Adam from Unicorn Club
Top comments (0)