🤔 Can You Improve CSS? Help invent CSS Masonry layout...
Tags: css, html, javascript, webdev
Published: 2024-05-01 17:00:00


**Hey** 👋 Quick update from Unicorn Club:

🤔 Got CSS ideas? Join the Masonry layout collab!  
🚀 Advanced AbortSignals & fetch tricks inside.  
🎨 Discover CSS secrets to elevate your designs.

Dive in & stay inspired! 👋 - Adam at Unicorn Club.  

----

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

## [Accelerate your agency’s growth](https://go.unicornclub.dev/webflow-agency)

[![](http://unicornclub.dev/wp-content/uploads/2024/04/unicorn-club-agencies.jpg)](https://go.unicornclub.dev/webflow-agency)

Whether you need to win new business or wow an existing client, Webflow empowers agencies to deliver high-quality client work, faster — without growing your dev budget.

[**Start building →**](https://go.unicornclub.dev/webflow-agency)

----

### 🦄 This week's best

[**Everything about the AbortSignals (timeouts, combining signals, and how to use it with window.fetch)**](https://codedrivendevelopment.com/posts/everything-about-abort-signal-timeout?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

For the last few years I've made use of AbortController and manually trigger an AbortSignal. But I learned today there are a few more advanced things you can do with these signals.

[**5 Hidden CSS Properties You Didn't Know Existed**](https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

While most developers are familiar with the common CSS properties like color, font-size, and margin, there are numerous lesser-known properties that can add functionality to your designs.

[**Testing HTML With Modern CSS**](https://heydonworks.com/article/testing-html-with-modern-css/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

One of the things I recommended in this talk was the use of an invalid CSS ERROR property to describe the HTML shortcomings.

[**Modern CSS patterns in Campfire**](https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

An in-depth look at how 37signals built ONCE/Campfire using modern features, vanilla CSS, and no frameworks or preprocessors.

----

**🧠 Fun Fact**

****AI's Creative Beginning****  - The concept of artificial beings with intelligence traces back to ancient myths and legends, but the term "Artificial Intelligence" was first coined by John McCarthy in 1956 during the Dartmouth Conference. This event is considered the birth of AI as a field of study.

----

[**12 Tips from a Mid-level Developer**](https://dev.to/abbeyperini/12-tips-from-a-mid-level-developer-29bk?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

I officially have three years of experience and a mid-level job title.

[**Motion extraction with mostly CSS**](https://javier.xyz/blog/motion-extraction-with-mostly-css?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

One video is placed on top of the other, playing slightly ahead. Then, by styling the top video with mix-blend-mode: difference in CSS

[**The Shape of AI**](https://www.shapeof.ai/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Exploring how patterns and experiences will change in a world driven by Artificial Intelligence

[**Help us invent CSS Grid Level 3, aka “Masonry” layout**](https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A mechanism in CSS for “masonry layout” was first proposed by Mozilla in January 2020 as an extension of CSS Grid, and implemented as an experiment behind a flag in Firefox Nightly.

### 🔥 Promoted Links

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

[**Get smarter about Tech in 5 min**](https://go.unicornclub.dev/techpresso)

Get the most important tech news, tools and insights. Join 90,000+ early adopters staying ahead of the curve, for free.

#### 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/120063848768079321)

📨 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_