Unicorn Club Logo Unicorn Club
  • Newsletters
Sponsor
  • Newsletters
← Back to Newsletters

😶‍🌫️ Blurry UX Wins? + CSS’s Border Magic

March 26, 2025

Ship Better Interfaces

The product design newsletter for people who deliver real value — Build, Shape and Ship with actionable interface patterns, shared standards and delivery habits you can apply every week. Clear insights, real impact, and zero filler.

unicornclub.dev

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 🦄

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.

Join the Celebration →

🧠 UX
Favicon

Weirdest A/B test blew everyone's mind

One blurry background = 94% more conversions (here's the exact test)

Favicon

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
Favicon

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.

Favicon

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.

Favicon

Revisiting CSS border-image

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?

Favicon

A fluid CSS methodology

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!

Learn More →

🧑‍💻 Dev
Favicon

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.
Favicon

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.

Learn More →

🟨 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
Favicon

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.

Favicon

Design for Real Humans

Mindful Design is the responsible designer’s survival guide. Read the book, grab the toolkit, and take the course.

Favicon

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.
Adam Marsden at Unicorn Club

Thanks for reading ❤️

Adam from Unicorn Club

Follow me on X or BlueSky

Connect on LinkedIn

  • Archive
  • Articles
  • Glossary
  • Sponsor
  • RSS

© 2025 Unicorn Club

Curated by Adam Marsden