Hey 👋
This week, I’ve hand-picked a stack of links that’ll save you time, challenge your thinking, and sprinkle a bit of inspiration onto whatever you’re building (or procrastinating).
Inside: a look at physicality in UI, why templates might be ruining your UX, fresh CSS gap styles, tips for printing web pages that don’t look like a dog’s dinner, and a clever approach to animating navigation bars.
Enjoy 🦄 - Adam at Unicorn Club.
📬 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 Kinsta
Kinsta for WordPress - Simply Better Hosting.
Kinsta is the highest-rated managed host for WordPress on G2. We provide everything you need, including an unbeatable combination of speed, security, and expert support. Powered by Google Cloud and the fastest C3D and C2 servers combined with CDN and Edge Caching.
Your sites are secured with Cloudflare Enterprise, protecting you from DDoS attacks. All plans include free migrations!
🧠 UX/UI
Physicality: the new age of UI
iOS 7 introduced an entirely new design language for iOS. Much was written on it at the time, and as with any dramatic change the emotions in the community ran quite high.
The Template Trap: How Template Culture Is Dumbing Down UX
Overreliance on frameworks as universal solutions rather than adaptable starting points undermines critical thinking and threatens our field's intellectual rigor.
The “Serial Position Effect” Can Boost Navigation Usability
Users are most likely to remember and interact with the first and last items in a menu or list (the primacy and recency effect). Placing key actions at the top or bottom of navigation can increase their discoverability and use.
🧑💻 CSS
A new way to style gaps in CSS
Say goodbye to border and pseudo-element hacks, and hello to CSS gap decorations.
Creating dynamic, composable CSS keyframe animations
Printing the web: making webpages look good on paper
Usually, we think of responsive design in terms of making sites adapt to different viewport sizes, but what about being responsive to different mediums too?
1fr 1fr vs auto auto vs 50% 50%
There are several different ways to do equal width columns. But some are, uh, more equal than others.
📰 Classifieds
Share with 3,500+ readers, book a classified ad.
Most interesting tech news & insights
Daily rundown of what's happening in tech and what you shouldn't miss. Read by 200,000+ professionals from Google, Apple, OpenAI...
Discover the strategies behind iconic brands.
Get our "7 Positioning Sins That Cost B2B Brands Millions" guide when you join. It's free, join 10,000+ B2B executives.
⌨️ Dev
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS
The first technique uses the getBoundingClientRect method to explicitly animate the border between navigation bar items when they are clicked.
Decoding The SVG path Element: Line Commands
The first technique uses the getBoundingClientRect method to explicitly animate the border between navigation bar items when they are clicked.
🗓️ Upcoming Events
⚡️ The Three Building Blocks of Speed, Evals, UX
July 1, 2025 – Virtual (Zoom)
Join Nicolay Gerold and Ivan Leo for a high-impact session on building ultra-fast, user-centric voice products. Learn practical techniques to optimize speed, design seamless user experiences, and master the keys to voice AI, from experts with deep industry and academic experience.
July 10, 2025 – Sheffield, UK
Join Front End North 2025, a friendly, one-day event for web developers and designers. Hear from inspiring speakers on topics like accessibility, design systems, and resilient coding. Connect with passionate web professionals in a welcoming environment.
🎨 Design
Sometimes hard UI can be a blessing
Desirable difficulties in B2B and B2C product design — and what research on disfluent fonts can teach us.
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
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
Connect on LinkedIn
Top comments (0)