🔍 Dive into CSS Anchor Positioning – Let's Hang!
Tags: css, ux, git, html
Published: 2024-06-26 17:00:00


**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.

---
## 📬 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!](https://unicornclub.dev/ref=devto)

---


Sponsored by  [Webflow](https://go.unicornclub.dev/webflow-no-code)

## [Take control of HTML5, CSS3, and JavaScript in a completely visual canvas](https://go.unicornclub.dev/webflow-no-code)

[![](https://unicornclub.dev/wp-content/uploads/2024/06/designer.png)](https://go.unicornclub.dev/webflow-no-code)

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**](https://go.unicornclub.dev/webflow-no-code)

----

## 💻 Dev UX


[**Designing a website to not have 404s**](https://pillser.com/engineering/2024-06-10-website-without-404s?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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**](https://dev.to/what1s1ove/bem-modifiers-in-pure-css-nesting-4j9k?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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**](https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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**](https://utilitybend.com/blog/lets-hang-an-intro-to-css-anchor-positioning-with-basic-examples/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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



[**Is Content Design Dead?**](https://uxplanet.org/is-content-design-dead-01d8832d05c3?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The chronic undervaluation of content designers and the urgent need for change



[**Shaping the Multisensory Experience: How Design Influences Taste, Smell, and Perception in Food and Beverages**](https://uxpsychology.substack.com/p/shaping-the-multisensory-experience?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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.



[**Design outside the computer**](https://eva.town/posts/design-outside-the-computer?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Your digital UI can come from the physical world.

## 🤖 Git



[**git commit -m is a lie! How to commit like a pro**](https://dev.to/andrews1022/git-commit-m-is-a-lie-how-to-commit-like-a-pro-l1?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

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](https://turingfest.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

_Edinburgh, UK_

Where product, growth, & leadership connect: Connecting founders and leaders in engineering, product, & growth to build better tech. 9-10 July.

[See event →](https://turingfest.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

### [🔘 Hatch Conference](https://www.hatchconference.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

_Remote • Berlin_

The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September

[See event →](https://www.hatchconference.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

### [💻 Middlesbrough Front End Conference 2024](https://www.middlesbroughfe.co.uk/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

_Middlesbrough, UK_

Join us for an action packed day of Front End discussion, demonstrations and networking. 17 July.

[See event →](https://www.middlesbroughfe.co.uk/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

## 🔥 Promoted Links

_Share with 2,500+ readers, book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)._


[**Join a community of people in tech with side hustles - apply by June 30**](https://go.unicornclub.dev/bcm)

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](https://preview.mailerlite.io/preview/146509/emails/125031340327307057)

📨 Recommend friends to  [subscribe](https://unicornclub.dev/)

📢 [Sponsor](https://unicornclub.dev/sponsorship)  or book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)

☕️ [Buy me a coffee](https://www.buymeacoffee.com/adammarsdenuk)

_Thanks for reading ❤️  
[@AdamMarsdenUK](https://twitter.com/AdamMarsdenUK)  from Unicorn Club_