🔮 Adobe Redefines Design - Inside Spectrum 2's Visionary Update

#design #css #webdev #javascript

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.

Experience the power of code. Without writing it.

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

🦄 This week's best

Introducing Spectrum 2: Our vision for the future of Adobe experience design

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

A CSS project boilerplate

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

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() 🤙

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

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

CSS is Logical

CSS be weird, but it not be illogical.

Don’t Disable Form Controls

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

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.