Posted June 27th, 2024
π Dive into CSS Anchor Positioning β Let’s Hang!
Hey π This weeks newsletter is packed full of great reads and resources here’s a quick look:
π No more 404s β smarter URL handling
𧩠Pure CSS Nesting & BEM Modifiers
βοΈ Master auto transitions in CSS
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.
π» Dev UX
Designing a website to not have 404s
I wanted to reduce lock-in to URL architecture as much as possible. One of the ways I’ve done it is by using fuzzy matching to redirect users to the right place when they make a typo, a product is renamed, or the logic used to generate the URL changes.
π CSS
BEM Modifiers in Pure CSS Nesting
Pure CSS now includes many features that were previously missing, causing people to prefer preprocessors.
One of the Boss Battles of CSS is Almost Won! Transitioning to Auto
The experimental CSS function calc-size(auto) can be used so that transitions and animations can go from zero (0) to this value. But that is unlikely to be the final syntax!
Letβs hang! An intro to CSS Anchor Positioning with basic examples
The CSS anchoring API is something that Iβve been following for at least a year now, and Iβm happy to see that the first level is fully specced.
π Fun Fact
Gits First Commit – The first-ever commit made in Git was not a grand feature but rather a simple README file by Linus Torvalds on April 7, 2005. It marked the humble beginnings of what would become the world’s most widely used version control system
π Design + UX
The chronic undervaluation of content designers and the urgent need for change
In recent years, researchers have increasingly focused on how the design of food and beverage packaging, serving vessels, and dining environments can influence our perception.
Your digital UI can come from the physical world.
π€ Git
git commit -m is a lie! How to commit like a pro
When you first started learning git, you probably learned that the way to commit something is by using git commit -m “your message”.
ποΈ Upcoming Events
Check out these events
π§ Turing Fest | Tech Community, Events, & News
Edinburgh, UK
Where product, growth, & leadership connect: Connecting founders and leaders in engineering, product, & growth to build better tech. 9-10 July.
π Hatch Conference
Remote β’ Berlin
The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September
π» Middlesbrough Front End Conference 2024
Middlesbrough, UK
Join us for an action packed day of Front End discussion, demonstrations and networking. 17 July.
π₯ Promoted Links
Share with 2,500+ readers, book a classified ad.
Join a community of people in tech with side hustles – apply by June 30
BCM is a community of people in tech with side hustles. Founded by Saron Yitbarek, developer and founder of CodeNewbie, membership includes weekly events, masterclasses, chat-based coaching, and small group masterminds.
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