Finsweet dévoile officiellement la version 2 de sa méthodologie de nomination des classes pour webflow : Client-First
Finsweet dévoile la nouvelle version de Client-First. Client-first devient Client-First V2 !
Quelles différences entre le V1 et la V2 ?
Dans les grandes lignes, la V2 de Client-First c'est :
- Une nouvelle technologie intégrée (Folder),
- Des explications complémentaires,
- Une optimisation de l'utilisation et de la nomination de certaines classes : classes personnalisés, classe utilitaires et classes globales,
- Une nouvelle version pour le Style Guide Cloneable,
- Un nouveau système d'espacement pour les marges intérieures des sections
- Heading style : uniformisation des tailles de heading pour trouver l'équilibre parfait entre design et SEO
- Sortie d'une nouvelle classe : la classe <inlineflex> (un mix entre une flexbox et la features inline, non natif dans le designer de Webflow)
- Client-first devient Client-First (F majuscule)
Retrouver la structure de base des sections Client-First !
Nouvelle fonctionnalité : les folders
La première version de Client-First permettait déjà de maintenir une organisation globale et extrêmement compréhensive dans votre site Webflow. Mais aujourd'hui, vous pouvez aller encore plus loin avec les dossiers. Les dossiers vous permettent d'organiser visuellement vos classes dans des grandes catégories et bien plus.
Les bénéfices à l'utilisation des Folders ? Un site Webflow encore mieux rangé !
En savoir plus sur les Folders Client-First avec cet article de Thibaut
Comment transformer un site Client-first V1 en Client-First V2 ?
Découvrez la vidéo live build de Joe Krug sur la chaîne Youtube de Finsweet
⚠️ Selon la taille de votre site, la migration des classes peut s'avérer être un chantier conséquent. La première version de Client-first reste évidemment une méthode d'actualité.
Il n'est donc pas forcément nécessaire de considérer une refonte de la V1 à la V2, mais plutôt de changer vos habitudes futures !