DEV Community

Cover image for πŸ” Dive into CSS Anchor Positioning – Let's Hang!
Adam Marsden
Adam Marsden

Posted on

πŸ” 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.


πŸ“¬ 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.

Get started β€” it's free


πŸ’» 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

Is Content Design Dead?

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

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

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.

See event β†’

πŸ”˜ Hatch Conference

Remote β€’ Berlin

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

See event β†’

πŸ’» Middlesbrough Front End Conference 2024

Middlesbrough, UK

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

See event β†’

πŸ”₯ 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

Top comments (0)