🗣️ Chrome thinks Safari's proposal for CSS masonry would be a mistake
Tags: css, webdev, ui, git
Published: 2024-05-08 21:01:01


**Hey** 👋 Here's what this week looks like:

✨ Pair Icons & Typefaces Like a Pro  
🛠️ Popover API & JavaScript Detection in CSS  
🎨 Explore Websites Redefining Design

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

[**How do you use git rebase? Let's go through one use case**](https://dev.to/schalkneethling/how-do-you-use-git-rebase-lets-go-through-one-use-case-28hl?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Let's say you opened a pull request and then reviewed your code and realized there's something that you forgot or want to change.

[**Detect JavaScript Support in CSS**](https://ryanmulligan.dev/blog/detect-js-support-in-css/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

I had been aware of the scripting CSS media feature but I was still under the impression that cross-browser support was lacking.

[**Printing music with CSS Grid**](https://cruncher.ch/blog/printing-music-with-css-grid/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Too often have I witnessed the improvising musician sweaty-handedly attempting to pinch-zoom an A4 pdf on a tiny mobile screen at the climax of a gig.

[**Inspirational Websites Roundup #59**](https://tympanus.net/codrops/2024/04/25/inspirational-websites-roundup-59/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The latest collection of websites with handpicked designs that will keep you updated on current trends.

---

**🧠 Fun Fact**

****The name "Chrome"****  - The name "Chrome" was chosen for the browser because Google wanted to minimize the chrome (the graphical user interface) of the browser, focusing more on the web content and not the browser's interface.

---

[**A complete guide on how to pair icons and typefaces to create a consistent visual language.**](https://blog.streamlinehq.com/choosing-the-perfect-icons-for-your-typeface/?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.

[**Popover API lands in Baseline**](https://web.dev/blog/popover-api?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

It's happening! One of the features I am most hyped about has just landed across all modern browsers and is officially a part of Baseline 2024.

[**An alternative proposal for CSS masonry**](https://developer.chrome.com/blog/masonry?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The Chrome team is keen to see an implementation of masonry type layouts on the web. However, we feel that implementing it as part of the CSS Grid specification as proposed in the recent WebKit post would be a mistake.


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

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