Posted June 13th, 2024
π― 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.
π§βπ» 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.
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
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
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.
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 .
π§ 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!
π₯ 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.
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