Unicorn Club Logo Unicorn Club
  • Mentorship
  • Shop
  • Articles
Sponsor
  • Mentorship
  • Shop
  • Articles
← Back to Newsletters

๐ŸŽฏ Unlock the Magic of Popover Toggletips & Anchor Positioning!

June 12, 2024

unicornclub.dev

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.

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 โ†’

๐Ÿ”ฅ Promoted Links

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:

๐Ÿ“จ  Recommend friends to subscribe

๐Ÿ“ข  Sponsor or book a classified ad

โ˜•๏ธ  Buy me a coffee

Thanks for reading โค๏ธ
@AdamMarsdenUK from Unicorn Club

The best newsletter for design + code

Become a sought-after talent. Fuse UX/UI design and front-end dev and build better products.

  • Archive
  • Articles
  • Glossary
  • Sponsor
  • RSS
  • Community Slack

© 2025 Unicorn Club

Curated by Adam Marsden