🎯 Unlock the Magic of Popover Toggletips & Anchor Positioning!

Hey πŸ‘‹ I hope you’re having a great week so far! Here’s a quick look at this weeks digest:

πŸ› οΈ CSS Gap – A game-changer!
πŸ€” Why is front-end so complicated?
πŸš€ UX portfolio tips – Make the first cut!

Enjoy & stay inspired πŸ‘‹ – 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 Webflow

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas

Let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

Get started β€” it’s free


πŸ§‘β€πŸ’» Dev

Progressively Enhanced Popover Toggletips

The CSS Anchor Positioning specification enables us to position elements relative to an anchor, wherever they are in our web page.

The Gap

An exploration of the pain points that CSS gap solves.

Why is front-end development so complicated?

Many developers find modern front-end frameworks hard to use. This is because technologies change quickly, and web apps need to be: fast, interactive, easy to maintain

Masonry and reading order

CSS masonry is an example of an automatic layout method, where the developer of the site doesn’t have control over where the items end up

A rare use case for em units

text-decoration-offset is a good use case for em units. Most of the time we favor rems over ems.

πŸ’­ Fun Fact

The β€œem” Unit’s Typographic Roots – The em unit in CSS has its origins in typography, where it was traditionally used to measure the width of the letter β€œM” in typesetting. This unit has evolved in web design to represent the size of the font in a given context, making it a relative unit that adjusts based on the font size of its parent element.

🎨 Design

Only 30 seconds to reject your portfolio?

Common mistakes designers should avoid to make the first cut in UX hiring.

Is Canva Getting Good?

Canva. if you talk to a professional designer about Canva, the first reaction is usually an eye roll, followed by a joke about Word Art (Anyone remember Office 2000?).

Presenting UX Research And Design To Stakeholders: The Power Of Persuasion

There’s more to achieving good UX than research and design. We need to effectively communicate our ideas to gain buy-in from key stakeholders.

πŸ—“οΈ Upcoming Events

Events coming up this this month

πŸ€“ thegeekconf 2024

Remote β€’ Berlin

Experience the best of modern front end and React Native at thegeekconf. Join 500+ attendees with two tracks of insightful talks by seasoned experts and current trendsetters. Happening .

See event β†’

🧠 UXPA International Conference

Fort Lauderdale, FL

Meet with fellow UX professionals from around the world for 4 days of amazing content, camaraderie, and collaboration this June 2024 in Ft. Lauderdale, Florida!

See event β†’

Share with 2,500+ readers, book a classified ad.

What Current & Future Engineering Leaders Read.

Handpicked articles summarized into a 5‑minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.

Get smarter about Tech in 5 min

Get the most important tech news, tools and insights. Join 90,000+ early adopters staying ahead of the curve, for free.

Nomad for Less

Become a budget-savvy globetrotter with our insider insights. Join 40,000+ digital nomads and start exploring for less!

Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

πŸš€ Forward to a friend

πŸ“¨ Recommend friends to subscribe

πŸ“’ Sponsor or book a classified ad

β˜•οΈ Buy me a coffee

Thanks for reading ❀️
@AdamMarsdenUK from Unicorn Club