DEV Community

Cover image for πŸ€” Can You Improve CSS? Help invent CSS Masonry layout...
Adam Marsden
Adam Marsden

Posted on

πŸ€” Can You Improve CSS? Help invent CSS Masonry layout...

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

Accelerate your agency’s growth

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 β†’


πŸ¦„ This week's best

Everything about the AbortSignals (timeouts, combining signals, and how to use it with window.fetch)

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

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

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

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

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

Motion extraction with mostly CSS

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

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

Help us invent CSS Grid Level 3, aka β€œMasonry” layout

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.

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.

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)