Class productivity


In this video, we learn how to speed up class selection, and deal with long class naming. We will learn some general tips as well as specifically address the Spacing System, classes of the Client-first Style System, the Typography Classes, and Global Classes.

TIMESTAMPS:

00:00 - Intro
00:29 - Live Example
12:53 - Thank You

CLIENT-FIRST STYLE SYSTEM:

This is @Finsweet’s CSS naming convention in @Webflow for any person and any project. Client-first is a set of guidelines and strategies to help you build Webflow websites in a clear, organized, and scalable way that any human can understand.

See all videos from the playlist: https://www.youtube.com/playlist?list...

-----------------------------------------------

// RESOURCES FROM THE VIDEO

Client-first style system: https://www.finsweet.com/client-first

Client-first official starter project: https://www.finsweet.com/client-first...
Client-first templates & wireframes: https://www.finsweet.com/client-first...
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?su...

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. 💪 We are taking Webflow to a new level and sharing everything with you!! 🙌 Join our community at https://finsweet.com/subscribe to supercharge your Webflow skills! 🔥

Class productivity

Learn how to speed up class selection, and deal with long class naming. We will learn some general tips as well as specifically address the Spacing System, classes of the Client-first Style System, the Typography Classes, and Global Classes.


In this video, we learn how to speed up class selection, and deal with long class naming. We will learn some general tips as well as specifically address the Spacing System, classes of the Client-first Style System, the Typography Classes, and Global Classes.

TIMESTAMPS:

00:00 - Intro
00:29 - Live Example
12:53 - Thank You

CLIENT-FIRST STYLE SYSTEM:

This is @Finsweet’s CSS naming convention in @Webflow for any person and any project. Client-first is a set of guidelines and strategies to help you build Webflow websites in a clear, organized, and scalable way that any human can understand.

See all videos from the playlist: https://www.youtube.com/playlist?list...

-----------------------------------------------

// RESOURCES FROM THE VIDEO

Client-first style system: https://www.finsweet.com/client-first

Client-first official starter project: https://www.finsweet.com/client-first...
Client-first templates & wireframes: https://www.finsweet.com/client-first...
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?su...

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. 💪 We are taking Webflow to a new level and sharing everything with you!! 🙌 Join our community at https://finsweet.com/subscribe to supercharge your Webflow skills! 🔥

Get Figma file

Duplicate this template on Figma.com.

Get Figma file

Subscribe to Youtube

Get notified with our weekly educational live streams!

Subscribe now

Build your next project with Client-first