🎯 Unlock the Magic of Popover Toggletips & Anchor Positioning!

#css #ux #portfolio #webdev

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!

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 →