💭 The Future of CSS-Tricks - Chris Coyier on Selling to DigitalOcean
Tags: css, webdev, ui, design
Published: 2024-03-14 16:06:08


**Hey everyone** ✌️ Here's a quick look at this week's newsletter:

💡 JavaScript - 30 Hacks  
🔍 Crafting Modern CSS Bubbles & Pointers  
🎨 Rebranding Metalab

Enjoy this week's edition 👋 - Adam at Unicorn Club.  

----

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

## [Sync Figma to Webflow](https://go.unicornclub.dev/webflow)

[![](http://unicornclub.dev/wp-content/uploads/2024/03/webflow-unicorn-club-1.png)](https://go.unicornclub.dev/webflow)

With the Figma to Webflow App, you can now do more than just import your Figma components and variables — you can also sync changes from Figma into Webflow. That means you can now send your styling, layouts, colors, text, and images to Webflow and transfer them seamlessly.

[Try the app →](https://go.unicornclub.dev/webflow)

----

### 🦄 This week's best

[**30 JavaScript Tricky Hacks**](https://dev.to/mmainulhasan/30-javascript-tricky-hacks-gfc?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Let’s dive into the depths of JavaScript functionalities and hacks that go beyond the conventional and discover the full potential of this powerful programming language.

[**Modern CSS Tooltips And Speech Bubbles (Part 1)**](https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part1/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require.

[**Where I’m at on the whole CSS-Tricks thing**](https://chriscoyier.net/2024/02/28/where-im-at-on-the-whole-css-tricks-thing/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Chris Coyier talks about the Digital Ocean acquisition and the possible future of CSS-Tricks.

[**Why The Tokyo Metro Plays Bird Whistles**](https://pantry.studio/blog/tokyo-metro?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The Tokyo metro system uses recorded bird sounds to guide visually-impaired passengers to the exits.

**🧠 Fun Fact**

**The First-Ever Banner Ad**  - In 1994, the first banner ad appeared on HotWired.com for AT&T, marking the dawn of digital advertising. It achieved a 44% click-through rate, a figure unheard of by today's standards and signifying the commercialization of the web.

[**The Rebalancing of Design Management**](https://capwatkins.com/blog/the-rebalancing-of-management?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

There have been countless articles written, podcasts recorded and conference talks given reframing management as a purely supportive role

[**Dead Simple Sites**](https://deadsimplesites.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The most minimal sites on the web, curated in one place.

[**The Fifty-Fifty Split and Overflow**](https://ryanmulligan.dev/blog/50-50-overflow/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

a classic layout pattern where two elements occupy the same amount of inline space inside a row.

[**The Metalab Rebrand**](https://www.metalab.com/blog/metalab-rebrand?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Metalab helps some of the world's top companies — like Slack and Google — design, build, and ship amazing products and services.

### 🔥 Promoted Links

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

[**TLDR - Keep up with Tech in 5 minutes**](https://go.unicornclub.dev/tldr-newsletter)

Get the most important tech news in a free daily email. Read by +1,250,000 software engineers and tech workers.

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

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