Якщо ти колись відкривав чужий Webflow-проєкт і почувався геть загубленим, ти вже розумієш, чому це важливо. Я успадковував такі проєкти. Класи з назвами "div block 47", стилі, що воюють один з одним, нічого багаторазового. Client-First - це вихід.
Що це таке
Client-First - це система найменування CSS-класів від Finsweet, створена спеціально для Webflow. Це спільний, логічний спосіб називати класи та організовувати стилі так, щоб будь-який розробник - включно з тобою-майбутнім - міг відкрити проєкт і справді його зрозуміти.
Чому я його використовую
Без системи кожен Webflow-розробник вигадує власну приватну логіку. Це нормально, доки комусь іншому не доводиться торкатися проєкту - тоді його стає кошмарно передавати, підтримувати чи масштабувати. Client-First дає всім спільну мову. Принцип під цим простий: хороший код - це код, який хтось інший може зрозуміти з першого дня.
Чесний компроміс
Це не безкоштовно. Документація щільна, і потрібен час, щоб її засвоїти. На односторінковому персональному сайті це, чесно, overkill - не заморочуйся. Де воно окупається одразу - це будь-що серйозне: кілька сторінок, кілька людей, що з ним працюють, сайт, який має вижити й рости наступні кілька років. А це і є більшість клієнтської роботи.
Як почати
Finsweet дає тобі стартовий шаблон і повну документацію. Не намагайся вивчити все одразу - прочитай style guide, застосуй його на одному маленькому проєкті-одноразці, а потім бери в реальну клієнтську роботу, коли логіка вклацнеться. Вона вклацнеться швидше, ніж ти думаєш.
Якщо ти будуєш Webflow-сайти для клієнтів, для мене це вже не опція. Першого разу, коли ти чисто передаси проєкт і наступний розробник клієнта скаже "о, це насправді читабельно" - ти вже ніколи не повернешся назад.