🔮 Adobe Redefines Design - Inside Spectrum 2's Visionary Update
Tags: design, css, webdev, javascript
Published: 2024-02-29 12:50:00


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

🚀 Your 2024 Boilerplate  
🍎 iOS Scrollbar Solved  
🐻 Price Pages with Pizzazz

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

---

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

## [Experience the power of code. Without writing it.](https://go.unicornclub.dev/webflow)

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

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas — and let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

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

---

### 🦄 This week's best

[**Introducing Spectrum 2: Our vision for the future of Adobe experience design**](https://medium.com/thinking-design/introducing-spectrum-2-our-vision-for-the-future-of-adobe-experience-design-a6c34441d2bb?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A preview of the comprehensive update coming to Adobe’s design system.

[**A CSS project boilerplate**](https://piccalil.li/blog/a-css-project-boilerplate/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

For the many folks who ask how I write CSS since removing Sass, this is how I and the Set Studio team do it in 2024.

[**How to fix the invisible scrollbar issue in iOS browsers**](https://frontendmasters.com/blog/how-to-fix-the-invisible-scrollbar-issue-in-ios/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

On Apple’s platforms, most notably on iOS, the page scrollbar is placed inside the viewport and laid on top of web content.

[**Bear Powered CSS Pricing Page w/ :has() 🤙**](https://codepen.io/jh3y/pen/oNVmQZB?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A CodePen showing off the power of CSS :has()

---

**🧠 Fun Fact**

**First Photo Uploaded to the Web**  - The first photo uploaded on the web was of the comedy band "Les Horribles Cernettes" in 1992, marking the start of the web’s ability to share visual content alongside text.

---

[**The Good, The Bad, The Web Components**](https://www.zachleat.com/web/good-bad-web-components/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The humble component. The building block of modern web development.

[**CSS is Logical**](https://geoffgraham.me/css-is-logical/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

CSS be weird, but it not be illogical.

[**Don’t Disable Form Controls**](https://adrianroselli.com/2024/02/dont-disable-form-controls.html?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Just another usability and accessibility pro telling authors not to do the thing they continue to do.

[**How to create rounded gradient borders with any background in CSS**](https://benfrain.com/how-to-create-rounded-gradient-borders-with-any-background-in-css/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A solution! For many months I have been trying to find a decent solution to rounded gradient borders that allow a semi-transparent or blurred main background.

### 🔥 Promoted Links

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

[**Unsupervised Learning**](https://go.unicornclub.dev/unsupervised-learning)

A security, AI, and meaning-focused newsletter/podcast that looks at how best to thrive as humans in a post-AI world.

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

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