Build fast and organize Webflow classes easily using Client-First with Joe Krug

Join host Aron Korenblit and guest Joe Krug for a workflow session. You'll learn how Webflow use Finsweet's Client-First framework.

We'll cover the philosophy behind the framework, its advantages (and disadvantages), and build live so you can get a taste of how it can speed up and organize your Webflow builds.

Get the style guide & more: https://wfl.io/livestream-client-first

0:00 Starting Soon
2:26 Welcome to the stream
4:30 Agenda
5:45 What is Joe's spirit animal?
7:15 What is Client-First?
9:00 What is the philosophy of Client-First?
11:25 Understanding the core structure strategy in Client-First
15:25 Class naming rules and using custom classes for layouts in Client-First
17:24 Why not use layouts as utility classes in Client-First?
19:20 The importance of the Client-First documentation
20:46 Spacer divs to manage spacing in Client-First
23:30 Building a page with Client-First framework
30:53 Why Client-First uses REM
32:47 Continuing to build a page with Client-First
44:00 Extension, Relume and fluid-responsive generator: the Client-First ecosystem
47:04 How to change spacing in your projects?
49:20 Does adding divs negatively impact performance?
50:55 Where should folks go to learn more about Client-First?
51:55 Can you use Pixels instead of REM with Client-First?
52:50 Why not use Webflow's native section element for sections?
54:40 Credits & See you next week!