🍏 Apple + Figma: Latest Design Tools Released
Tags: design, css, html, ux
Published: 2024-05-22 17:20:00


**Hey there** 👋 We're jam-packed with resources this week, here's a quick look:

🎨 Cool CSS Queries You Didn’t Know About  
⏱️ Time-Based CSS Animations  
🔍 Compliance vs Readability

Dive in & enjoy 👋 - 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

[**Apple + Figma**](https://www.figma.com/@apple?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Apple Design Resources for making great apps for Apple platforms

[**State of HTML 2023 - The Results**](https://2023.stateofhtml.com/en-US/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The 2023 edition of the annual survey about the latest trends in the HTML ecosystem.

[**Cool queries**](https://csscade.com/cool-queries/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

There’s lots of query-related things that CSS can do that’s pretty neat.

---

**🧠 Fun Fact**

**The Birth of a New Design Era** - Figma was officially launched to the public in 2016, but its development dates back to 2012. It was created by Dylan Field and Evan Wallace, aiming to revolutionize the design world by introducing the first browser-based interface design tool.

---

[**Time-based CSS Animations**](https://yuanchuan.dev/time-based-css-animations?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

After years of wait, CSS now has enough Math functions supported, particularly mod(), round(), and trigonometric functions.

[**On compliance vs readability: Generating text colors with CSS**](https://lea.verou.me/blog/2024/contrast-color/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them?

[**I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry**](https://piccalil.li/blog/masonry-and-tabbing?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

There’s a lot of chatter about CSS masonry at the moment. Should it be called “masonry” and should it be grid? Let’s worry about the basics first.

### 🔥 Promoted Links

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

[**What Current & Future Engineering Leaders Read.**](https://go.unicornclub.dev/pointer)

Handpicked articles summarized into a 5‑minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.

[**The Effective Engineering Manager Course**](https://go.unicornclub.dev/engineering-manager-course)

Through role-playing exercises, we give engineering managers the tools needed to build awesome dev teams.

[**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/121862480845604066)

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