7 months ago I recorded a tutorial called How to Setup Oxygen (Best Global Settings). It got 44,000 views and introduced key concepts of fluid responsive typography and spacing.
Today, I'm proud to say that tutorial is no longer relevant. You can now install the Automatic.css plugin and start building without worrying about clamp functions, figuring out typography sizes, trying to adjust spacing, etc.
Not only will all spacing and typography follow a perfect mathematical scale and be automatically responsive, it's all completely customizable via the Automatic.css plugin dashboard.
You also get access to the Automatic.css color system with auto-generated shades and transparencies (also customizable).
And of course there's the full utility class and variable system at your fingertips for building sites faster, easier, and more consistent than ever before.
Automatic.css is available RIGHT NOW at https://automaticcss.com
How is it different and better? Read this: https://public.3.basecamp.com/p/ZJqqFSGFKPnkUPMTckhH98rj
Here's the cheat sheet: https://automaticcss.com/cheat-sheet/
Here's the roadmap: https://automaticcss.com/roadmap/
This video only covers about 10% of the system. It's mainly designed to help you set up the system and get to building. There's a full setup guide and user's guide in our private ACSS community.
Over 1000 people have already purchased and started using Automatic.css in just a week. It's here to stay ... and take over.
2:08 Oxygen Setup
8:30 Required Plugin Setup
11:07 Building a Simple Landing page
12:38 Creating Primary Template
22:30 Landing Page Hero
27:45 Main Content Section
44:25 Color Changes
47:55 Typography Changes
56:55 Spacing Adjustments
1:00:55 Dual Layer Fallbacks