Cette semaine, on se concentre exclusivement sur ce sujet, pour que tu sois sûr de n’avoir rien loupé.

3…2…1…
Bonne lecture ! 🔖

Webflow conf 2023 : contexte 🤓

Si tu ne l’as pas suivie, ne t’inquiète pas, we got your back.

La Webflow Conf est chaque année un événement attendu par la communauté. Si bien que l’évènement devient plus gros à chaque fois, et fait bien parler de lui (voir #WebflowConf sur twitter).

En plus des conférences en présentiel à San Francisco, New York, Chicago et Londres, on pouvait assister à la conf en ligne. Ce qui a donné des “Webflow watch parties” partout dans le monde ! Ici un petit apercu de celle à Paris, thanks to Théo Roland!

Bref, n’attendons plus, voici un récap des annonces majeures d’hier :

Webflow conf 2023 : annonces 🪄

1. Integration avec Spline pour des expériences 3D à couper le souffle

Webflow s'associe à Spline, un logiciel bien connu de design 3D, pour nous permettre de créer des animations, et expériences interactives, au coeur de Webflow. Cette intégration est live en beta, onglet “Spline scene”. Ça va être le moment de faire joujou. 🎮

Ps : le petit plus, Webflow propose un code promo de 30% sur leur Super Annual Plan, à l’origine à 7$ par mois. Code “WebflowFriends”.

2. Webflow Localization 📍

Il est maintenant possible de personnaliser tout un site pour un lieu spécifique, du design au contenu, sans aucune ligne de code nécessaire. Très pratique quand on doit s’adapter à différents marchés !

C’était une des fonctionnalités les plus demandées par la communauté. C’est maintenant chose faite !

La localisation est disponible dès aujourd'hui pour les clients Enterprise et les partenaires, et le sera pour tous les utilisateurs dès le mois prochain.

3. Plus de scalabilité niveau design

• Avec les variables, présentes dès aujourd’hui dans le designer, ton design system sera beaucoup plus clean, et simple à prendre en main pour tes clients ! Cela promet aussi de faire gagner beaucoup de temps …

• Les components se font aussi refaire une beauté. L’idée est de simplifier leur utilisation, mais aussi de les rendre plus puissants ! Cette amélioration est également prête à tester aujourd’hui.
  
  Ils ont également annoncé l’ajout de “slots”, permettant d’aller encore plus loin dans l’utilisation de components, disponibles dans les prochains mois. Patience !

4. L’Écosystème Webflow s’agrandit encore

• Après l’annonce des Webflow Apps, de nouvelles ont été ajoutées à la marketplace, comprenant la nouvelle app Finsweet’s Wized, Better Shadows, et une nouvelle app de localisation, Lokalise.

• 2 nouvelles APIs sont disponibles, pour permettre aux développeurs d’exploiter certaines des nouvelles features (Components Designer API & Variables Designer API). Une autre API de localisation sortira le mois prochain.

  

• Après l’annonce du plug-in Figma to Webflow en début d’année, une nouvelle fonctionnalité s’y ajoute ! Celle ci importe automatiquement les composants Figma, et leurs variables associées, dans Webflow. Si tes designs évoluent dans Figma, tu peux facilement transférer ces changements simplement en cliquant sur un bouton!

  Le plug-in Figma to Webflow amélioré, et l'application Webflow qui l'accompagne, seront disponibles dans les prochains mois.

5. Amélioration de la Collaboration

Point central des updates de l’année passée, la collaboration devient plus fluide avec des workflows dédiés pour les commentaires, l'édition et la publication.

6. Et pour couronner le tout …

Webflow a dévoilé son nouveau branding et un nouveau logo. Tu pourras apprécier ce nouveau design canon, sur leur site comme lorsque que tu construis des sites.

Pour plonger plus profondément dans toutes ces nouveautés, tu peux consulter le recap officiel.

Alors, tu en penses quoi ? 🤯

Tu n’as pas encore créé de compte Webflow ?

Tu peux utiliser notre lien d’affiliation. Cela ne te coutera rien, et le jour où tu passes à un plan payant, on recevra une partie via Webflow. Ça nous soutien, alors ça fait plaisir. 🫶

Je crée mon compte !

Merci de nous lire, on espère que ça t’a plu ! N’hésite pas à nous laisser un commentaire 😍

Leave a comment

On espère que tu as passé un bel été, qu’il ait été studieux, tranquille ou festif!

Dans tous les cas, on t’accompagne doucement dans cette arrivée en septembre, que tu sois sous la pluie ou au soleil. ☀️

3…2…1…
Bonne lecture ! 🔖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template qui se fait remarquer 👀

✄ 1 clonable d’une page Apple, pleine d’animations 🍏

⎈ 1 outil présent parmis les apps Webflow

Mais aussi :

• 1 astuce pour te faire gagner un temps précieux ⚡️

• Les news Webflow et Namma 📸

• 1 site d’inspiration, parce qu’on en a jamais assez ! 💭

Tape-à-l’oeil 👀

Un super équilibre entre un beau design, des animations canons, et la mise en avant du contenu (parce qu’au final, c’est quand même ça qui compte). Tu en penses quoi ?

Une app Webflow à tester pour ton contenu ✍️

Jasper est un outil qui intègre l’IA pour simplifier la création, la gestion et l'optimisation du contenu de ton site. Parmis les points à retenir:

1. Création de contenu assistée par l'IA

2. Optimisation du contenu pour le référencement

3. Édition intelligente (repère les erreurs grammaticales, et orthographiques par ex)

4. Personnalisation du contenu : Jasper peut aider à personnaliser le contenu en fonction du public cible, du ton voulu

5. Automatisation de la planification du contenu

6. Intégration simple avec Webflow !

→ Envie de découvrir d’autres app ? Plus d’infos sur ce thread twitter.

Fan de la pomme ? 🍏

Pour les fans d’Apple qui veulent un site TOUT PAREIL, c’est votre moment.
Un site à copier-coller dans ses projets Webflow, qui est un rebuild de la page des AirPods Pro. Le tout avec un minimum de code et un maximum d’animations.

Gagner du temps pour valider tes alt texts 😶

Tu as peut-être déjà installé une extension pour t’aider à écrire tes alt text. Cela n’en reste pas moins une étape chronophage de la création d’un site si c’est toi qui t’y colles. Et surtout, la touche entrée ↩️ qui ne valide pas ce satané texte !

En fait, tu peux juste double cliquer sur la touche “esc” pour valider ton alt text. Voilà voilà, ça t’évitera d’aller chercher la petite croix, et promis, gagner bien du temps.

Cette semaine, on part sur 4 actus sur Webflow et son écosystème.

Les dernières updates 🪄

Le mois d’août a été chargé en nouveautés ! Voici celles à ne pas manquer :

1. Les apps intégrées au designer ! 🖥️

Tes outils préférés sont maintenant facilement accessibles depuis le designer, depuis le nouveau panneau “app”. 🧩

La feature permet des intégrations plus simples et puissantes, en se connectant notamment à d’autres fonctionnalités de bases de Webflow. Cela peut concerner le CRM, les automatisations, les outils d’analytics…

2. Connecter un nom de domaine, easy peasy 🤩

• Si tu as déjà acheté un nom de domaine, tu peux utiliser la nouvelle option “quick connect” pour connecter ton nom de domaine hyper facilement.

• Si tu as besoin d’acheter un nouveau nom de domaine, tu peux maintenant en acheter un directement depuis Webflow '(avec IONOS).

Il était temps !

3. De nouveaux raccourcis clavier ⚡️

Quand tu commences à passer beaucoup de temps à construire sur webflow, les shortcuts deviennent indispensables. Les petits derniers :

→ Dupliquer la dernière classe :
Command + Option + Enter (sur Mac) et Control + Alt + Enter (sur Windows)

→ Supprimer la dernière classe :
Option + Shift + Enter (sur Mac) et Alt + Shift + Enter (sur Windows)

4. Du nouveau chez Relume!

On te parlait d’eux dans la dernière édition, et pour cause. C’est devenu un indispensable, et ils ont encore frappé fort. Avec un nouveau site builder, propulsé par l’IA. On te laisse checker ça ici. 🤯

Ça bouge 💃

Voici le site du sudio d’animation move. On te laisse découvrir leur sites et leurs projets 😍

Pssst, tu n’as pas encore créé de compte Webflow ?

Tu peux utiliser notre lien d’affiliation. Cela ne te coutera rien, et le jour où tu passes à un plan payant, on recevra une partie via Webflow. Ça nous soutien, alors ça fait plaisir. 🫶

Je crée mon compte !

Merci de nous lire, on espère que ça t’a plu ! N’hésite pas à nous laisser un commentaire 😍

Leave a comment

On espère que tu vas bien. On sait que l’ambiance peut-être anxiogène en ce moment. On est évidemment pas les mieux placés pour parler de tout ça. On va plutôt essayer de te changer les idées, avec nos jeux de mots un peu lourdeaux, et nos infos. Enjoy 🌟

Sans plus tarder, on te laisse avec les dernières updates à ne pas louper, et toujours un maximum de tips et d’inspiration.

3…2…1…
Bonne lecture ! 🔖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template classy 🎩

✄ 1 clonable d’un site entier 😱

⎈ 1 outil pour découvrir les technologies utilisées par tes sites préférés 👀

Mais aussi :

• 1 astuce pour une animation bien sympa 🪄

• Les news Webflow et Namma 📸

• 1 site d’inspiration, parce qu’on en a jamais assez ! 💭

Avec élégance 🎩

Ce genre de template bien quali, avec des animations élégantes et efficaces, on était obligés d’en parler ! On l’a vu sur twitter, et on s’est dit qu’il pouvait te plaire autant qu’à nous.

Analyse tes sites préférés 🔎

Tu en as peut-être déjà entendu parler : Wappalyzer identifie les technologies utilisées par n’importe quel site. CRM, outil d’analytics, système de paiement… Tout y est !

Que ce soit pour savoir comment fonctionnent tes concurrents, ou pour te conforter sur quelle techno utiliser, l’outil est super pratique !

Un site entier 😱

Cloner un site entier, gratuitement… Le créateur Ty Hughey l’a fait. Tu peux même aller voir son profil pour voir ses autres clonables.

En plus d’être gratuit, il est surtout CA-NON. On te laisse juger par toi même.

Animer du texte surligné ⚡️

Avec ce clonable, tu pourras personnaliser facilement l’animation !
Tout est fait en natif webflow, en quelques div blocks et une animation de scale. Tout simple et efficace!

Cette semaine, on part sur 3 actus sur Webflow et son écosystème.

Les dernières updates 🪄

1. Tu crées des sites plus vites que ton ombre ? 🤠

Si c’est le cas, ça peut être ton occasion de briller ! ✨ Webflow met en avant les Webflow builders du monde entier, avec des prix sympas 👀💸.
Tu peux tenter ta chance ici, et passer un test de rapidité (construire un site en 10min, en te filmant et en envoyant la vidéo à Webflow). Cette année, tout ce qui peut t’aider à aller plus vite est permis: custom code, libraries Webflow, Figma to Webflow… 🔥

Attention, ça ferme le 7 juillet!

2. Kifékoi ?

Webflow vient de proposer une nouvelle feature, qui permet de simplifier la gestion des rôles et permissions sur un site. Une fois le rôle de chaque personne défini (admin ou design), on peut choisir simplement qui peut publier ou non.

Cela pourra éviter quelques couacs. 🦆

Cette option est disponible pour les plans d'espace de travail Growth, Agency et Enterprise.

3. Toujours plus de components chez Relume 🎨

Relume, c’est une des librairies de référence pour te faire aller plus vite dans la création de ton site. Ils ont déjà + de 1000 components (éléments à intégrer et designer dans ton site), et en rajoutent régulièrement, avec plus de 35000 développeurs Webflow qui l’utilisent.

Leur promesse ? Construire des sites en quelques heures et non en quelques jours.

Bref, ils ont encore frappé, avec plein de nouveaux composants, on te laisse aller voir ça. 📮

Envie d’écrire ?

Louise's Diary pourrait te donner des idées. Il s'agit d'une superbe expérience qui se présente comme un journal interactif et créatif. C’est également une campagne de sensibilisation qui soutient les personnes vivant avec de l’anxiété. Une très belle initiative 🫶

Tu n’as pas encore créé de compte Webflow ?

Tu peux utiliser notre lien d’affiliation. Cela ne te coutera rien, et le jour où tu passes à un plan payant, on recevra une partie via Webflow. Ça nous soutien, alors ça fait plaisir. 🫶

Je crée mon compte !

Merci de nous lire, on espère que ça t’a plu ! N’hésite pas à nous laisser un commentaire 😍

Leave a comment

En contrepartie, tu vas trouver plein de choses trop cools dans cette newsletter 😇
PAR EXEMPLE, on on va te parler d’un event qui a vu le jour grâce à También, Weglot et … Les équipes de webflow. À Barcelone. 😎☀️

On t’en parle plus en fin de mail, mais mini spoiler: de ce qu’on a compris, on doit s’attendre à du LOURD pour la prochaine Webflow conf.

Sans plus tarder, on te laisse avec les dernières updates à ne pas louper, et toujours un maximum de tips et d’inspiration.

3…2…1…
Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template coloré et dynamique qui fera forte impression

✄ 1 clonable pour les visionnaires

☼ 1 outil dont tu ne va plus te passer !

Mais aussi :

• 1 tip pour améliorer les performances de ton site 🪄

• Les news Webflow et Namma 📸🤯

• 1 site d’inspiration, parce qu’on en a jamais assez !

Simple, coloré, efficace 🎨

Chez Namma, on est très friands de ce genre de flat design, avec certes des stickers et des couleurs, mais qui se concentre sur l’essentiel. Un template à 50$, on valide !

Une extension Webflow dont tu ne te passeras plus ?

Potato, c’est ton nouveau compagnon pour aller plus vite dans la création de site ! Intégré directement à webflow, il va te faire gagner du temps, car il :

1. Convertit en quelques secondes tes pixels en REM, en appuyant simplement sur la barre espace.

2. Copie le code SVG des images directement depuis ton asset pannel

3. Transcrit le code SVG de tes images en HTML embed, également depuis le panneau d’assets

4. Définit instantanément la bonne hauteur et largeur d’une image en un clic

5. Utilise le nom de fichier pour ajouter un alt text à tes images

6. Utilise l’IA pour ajouter un alt text à tes images

7. Et enfin, un “class name helper” pour t’aider à nommer tes classes, mieux et plus rapidement !

Inspiré par la dernière Keynote Apple ?

On est pas tous Tim Cook, mais on veut des sites aussi beaux que celui d’Apple. Avec ce clonable, tu auras de quoi lancer ta propre keynote !

C’est la webflow University qui a créé ce clonable, pour montrer comment utiliser le nouvel élément que tu as peut-être vu apparaître dans ton designer (quick stack, une nouveauté de cette semaine).

Une bonne pratique, version rapide ⚡️

Pour compresser tes images, tu as la fonction “compress” qui va convertir ton image en .webP et rendra ton image bien plus légère.

Pour compresser toutes tes images et aller plus vite, écris dans la barre de recherche .png, .jpg, .jpeg, et clique sur “select all”, puis “compress” (tu ne peux pas compresser tes fichiers .svg.)

Et voilà, un site plus léger et SEO friendly 🪄

Cette semaine, on part sur +6 actus Webflow et Namma.

Les dernières updates webflow 🪄

Les commentaires sont là 🥳

Comme d’autres outils nocode, (figma, notion…) , tu peux enfin laisser des commentaires sur tes projets webflow ! Un bon moyen de collaborer 😍

Quelques changements sur le designer 🎨

notamment dernièrement avec de nouveaux raccourcis clavier, ou encore une preview du processus de publication

Et ce n’est pas tout, avec de nouveaux éléments bieen pratiques :

• Quick Stack, qui te fera gagner du temp avec (notamment) des divs déjà intégrés, et tu vas (enfin) pouvoir remplacer l’élément grid. 🙃

• V Flex et H flex, qui sont des div blocks prédéfinis comme des flexbox. De quoi gagner du temps et des clics !

Mais aussi :

• Le nombre de page statiques augmente de 100… à 150, et plus pour les plans entreprises

• L’annonce de la sortie du devlink en beta. Mais c’est quoi un devlink ?

L’évènement Espai 🔥

Un après-midi avec des guests de fou et une super ambiance, ça ne se refuse pas.

On a pu rencontrer Mcguire & Sara (tu vois qui ils sont si tu as regardé des vidéos de la webflow university) et Emily (qui anime la communauté d’une main de maître).

On a pu discuter avec les participants super sympas, et bien sûr les équipes de Weglot et También. 🫶

On a parlé product, community, updates et de bien d’autres choses encore. L’avis de l’équipe Webflow ? Le plus beau reste à venir ! 😍 Ils sont super motivés et enchantés des avancées prévus pour webflow, et donc… Nous aussi

Le studio También (décidément) a créé ce site magnifique. Il donne la voix aux familles et proches des personnes injustement emprisonnées aux États-Unis, et agit comme une lettre ouverte au président

Merci de nous lire, on espère que ça t’a plu ! N’hésite pas à nous laisser un commentaire 😍

Leave a comment

On a passé un super après-midi à Barcelone avec WeGlot, Init et plein de gens super cools lors notre après-midi de coworking. On te met quelques photos à la fin.

On a beaucoup de choses à se dire cette semaine ! Alors sans plus tarder, on te laisse avec les dernières updates à ne pas louper, et toujours un maximum de tips et d’inspiration.

3…2…1…
Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template pour les amoureux de nourriture

☼ 1 outil qui promet de réconcilier Webflow et le ecommerce

✄ 1 clonable pour un effet waouh du tonnerre

Mais aussi :

• 1 tip pour améliorer et animer tes textes 🖋️

• Les news Webflow et Namma 📸🤯

• 1 site d’inspiration, parce qu’on en a jamais assez !

“We should buy a baaaar!” 🍴

Si tu connais cette référence de How I Met ou que tu as déjà pensé à ouvrir ton propre restaurant parce que “tes pâtes carbonara sont inimitables”, voici un template fait pour toi.

Le pouvoir de Shopify et Webflow réunis ? 🛒

Pour le moment en waitlist, Shopiflow promet du lourd.
L’outil promet de concilier le meilleur des deux mondes : un beau site rapide via Webflow, associé au géant du e-commerce shopify.

Il y a un avant et un après ce clonable.

On aime les wow effect sur les sites. Ce clonable te permettra de créer de magnifiques effets avant / après :

Du text stroke animé 🎨

Parmi les nouveautés Webflow, tu peux maintenant ajouter et designer une bordure sur tes textes. Et bien sûr, tu peux aussi l’animer ! En hover, au clic, ou ce que tu voudras… Ce qui demandait du custom code et du temps est maintenant possible en natif sur Webflow !

Commence par mettre la bordure sur ton texte :

Il ne te reste plus qu’à créer ton animation !

Cette semaine, on part sur +4 actus Webflow et Namma.

Webflow inarrêtable ? 🔥

Depuis fin avril, Webflow sort des mises à jours très régulièrement. Il suffit de regarder leur page d’update pour voir le chantier. 🏗️

Voici donc un petit recap de ces nouveautés :

• Amélioration des performances du designer. 💪
  Tu l’as peut-être remarqué, ton designer a fait peau neuve avec quelques changements d’UI. Mais Webflow a surtout fait en sorte que les performances et la navigation soit meilleures, surtout pour les sites de 50+ pages. (Chargement, changement entre les pages, etc). Une fluidité attendue. 🏄
  

• Des components qui fonctionnent facilement. 🧘

  Après le lancement des components et ses updates, les retours de la communauté ont été nombreux. Webflow est revenu sur une manière plus simple de modification de ces components (super puissants et utiles, mais qui pouvaient parfois nous casser un peu la tête). Une modification bien plus intuitive qui fait du bien.
  

• Le CMS perfectionné 🤠

  • Tu peux maintenant créer des dossiers dans une collection CMS, et donc mieux contrôler tes urls et ton SEO.

  • Tu peux également choisir de ne pas publier une page template d’une collection. Si tu ne vois pas l’intérêt, pense par exemple aux pages “auteurs” des blogs que tu as pu faire…

  • Bonus ! Tu peux maintenant dupliquer la structure de tes collections. Finito les collections à recréer à l’identique 😍.

On s’arrête là pour le moment 🤒. Mais on pense qu’ils vont continuer sur leur lancée, et continuer d’améliorer le produit !

Notre premier événement à Barcelone, au top ! ☀️

Merci à WeGlot, Init, et aux participants ! 🫶

On te laisse avec quelques photos :

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 😍

Leave a comment

3…2…1…
Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template pour offrir une maison à ta marque

☼ 1 outil qui va te faire aimer GSAP

✄ 1 clonable pour arrêter d’angoisser lorsque tu veux créer des formulaires

Mais aussi :

• 1 tip pour ajouter du relief à tes éléments (spoiler : on ne va pas utiliser de border)

• Les news Webflow et Namma 🧠

• 1 site d’inspiration, parce qu’on en a jamais assez

À vos marques… Prêts… Partez ! 🔫

On a deux passions dans la vie : les blagues pourries, et les beaux designs.

Quand on a lancé Namma, on a vraiment pris le temps de créer une belle marque. Mais on n’a pas pris le temps de définir des vraies guidelines.

Heureusement, Brandlize existe.

Description de l’auteur

Introducing the ultimate solution for documenting your brand guidelines and keeping all your assets in one easily accessible location! Our Webflow template is the perfect choice for those who want to streamline their brand management and keep everything organized.

Tes textes vont swinger 🕺

On ne sait pas toi, mais nous on adore créer des animations en un rien de temps. Et c’est justement ce que ce super outil made by Refokus nous permet de faire.

Basé sur GSAP (une incroyable library JavaScript d’animation), il va te permettre de paramétrer ton animation à gauche, puis de le tester sur le texte à droite, et enfin de copier le code en bas à droite.

Emballé, c’est pesé. 🍎

Un clonable bon pour la form… 🤡🥁

Soyons honnêtes.

Créer des formulaires, c’est relou.

Alors quand Memberstack nous concocte un petit clonable des familles pour nous aider à en créer en deux temps trois clics, on dit OUI!

Des inputs, des checkboxs, du Rich text, et même du Drag & Drop. Tout est là pour diviser par 5 ton temps de développement de tes futurs formulaires.

Mort aux borders ✊

Ils sont mignons hein, mais pas toujours idéal.

Pour rajouter du relief à un bouton par exemple, ça rend un peu chelou :

Alors qu’avec une Box-shadow…

Comment recréer ce relief ?

Le secret, c’est de mettre le Blur et le Size à 0, l’angle à 180°, puis de choisir l’épaisseur du relief grâce à la distance ! 🧙‍♂️

L’un des gros avantages de cette méthode, c’est que le relief ne prend pas de place. C’est juste une ombre, donc ça ne déplace pas les éléments qui entourent le bouton. 😮

Cette semaine, on part sur 2 actus Webflow et Namma.

Webflow investit dans l’IA 🤖

C’était prévisible.

Depuis quelques mois, de nombreux outils no-code commencent à intégrer de l’IA (comme Notion AI).

Weblfow ne va pas faire exception.

Hier, Webflow a donc annoncé dans un article qu’ils développeraient dans les prochains mois des features qui utiliseront l’IA pour rendre notre quotidien de designer Webflow encore plus belle !

Un petit aperçu pour nous donner l’eau à la bouche :

On organise notre premier événement à Barcelone ☀️

Tu n’imagines pas comme on est heureux d’annoncer cette super nouvelle !

Un peu de contexte : du 24 au 29 avril, c’est la No-Code Week. Une semaine remplie de découvertes et de rencontres passionnantes 100% No-Code.

Parmi les partenaires, il y a le fameux outil WeGlot, qui nous ont contacté avec Init pour organiser une super aprèm sur la thématique de Webflow.

Petit aperçu du programme :

🎉 Reception (around 2pm)

🎙 Open Mic Session:

Come and share anything about your Webflow projects: a sick website you just made, a project on which you would like to have some help from another expert, an initiative you have been thinking about for a long time but never dared to launch... You tell us!

🪲 Collabs and Debugging Session

Let's find solutions and ideas together to move forward on your projects together! Webflow and NoCode experts from Namma, Init and Weglot communities will be there for you as well. And above all, let's meet and talk about what brings us together: Webflow

🍻 Drinks, Sun & Tapas

Let's continue the chat on the awesome rooftop with a drink, good music and above all tasty tapas.

Venez nombreux, c’est gratuit et il va faire beau ! ☀️

On aime le grain !

Un magnifique portfolio créé par Matteo Fabbiani.

Pssst : tu veux nous retrouver sur les réseaux ? Gabriel 🧔‍♂️ - Carla 🙋‍♀️

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 😍

Leave a comment

Dans un instant, ça va commencer 🎤
Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

3 ressources Webflow :

✪ 1 template pour ceux qui remettent tout à demain, mais pas leur site web

☼ 1 outil qui va te faire aimer les lotties

✄ 1 clonable d’une page ENTIÈRE qui remet les pendules à l’heure

Mais aussi :

• 1 tip pour créer ton site en 30min… Avec de l’IA 🤖 (oui, nous aussi on en parle)

• Les news Webflow et son écosystème 🧠

• 1 site d’inspiration, parce qu’on en a jamais assez

Un business à lancer tu-ne-sais-quand ? 👀

Pour faire patienter ton audience, voici un sublime template avant de lancer : ton prochain évènement, ta future boîte, ton nouveau SaaS…

Anim à gogo. ✨

Un outil à suivre de très près : lottielab. Uniquement disponible en private beta pour le moment, tu peux t’inscrire pour découvrir l’outil ! Il te permettra de créer, modifier des lotties, reprendre des templates d’animations… 🪐

Leur site est d’ailleurs génial 😍

Quelle heure est-il ?

Team premier degré : ça dépend à quelle heure tu lis Namma. 🕰️
Team Webflow : 10h10. En tout cas c’est l’heure qu’indiquent les montres de cette page !

Toute cette page est clonable. Le design a été créé par Joseph Berry lors de la Relume Design League, et il en a fait un super site Webflow, avec d’élégantes animations. ⌚️

Créer un site sur Webflow avec de l’IA ? 🫣

Alors OUI. On sait qu’on entend parler que de ça.

MAIS on trouvait ce thread twitter vraiment intéressant. Alors tu nous diras si ça valait le coup que nous aussi, on en parle.

Voici les étapes résumées :

1. Va sur Figma, lance le plug-in Figma to Webflow. Choisi un template basique 🎨

2. Utilise un prompt pour avoir tout le contenu de ton site écrit par ChatGPT. Plus de détails dans le thread. 🤖

3. Place aux visuels ! Va sur MidJourney pour créer les images de ton futur site. 🎇

4. Intègre ton contenu et tes images sur Figma ⬇️

5. Exporte avec le plug in vers Webflow. 🤩

Pour un site rapide et basique, on trouvait le tip assez malin !

Cette semaine, on part sur 3 actus Webflow.

🎖️ Webflow reçoit un maximum de prix !

G2, la plus grande marketplace tech, a décerné des prix lors de ses 2023 Summer Reports. Lors de cet évènement sont classés les meilleures entreprises et solutions software au monde sur la base d'avis d'utilisateurs réels. Les gagnants sont déterminés à l'aide de l'algorithme de notation de G2.

Et Webflow a fait partie des leaders dans les catégories suivantes ⬇️

🖥️ Du changement sur l’interface !

• Tu as peut-être remarqué quelque chose de bizarre sur l’interface. Et bien oui, depuis hier, la topbar a été refaite. (Si jamais tu cherches le bouton publish, il est tout à droite).

• Bonne nouvelle ! 🪺 Tu peux maintenant faire des recherches parmi tes animations. Un soulagement pour les fans d’interactions multiples, et pour ceux qui gèrent des gros sites. 🫣

👨‍🏫 Webflow University : un nouveau cours

Tout est dit ! Les équipes de la University Webflow ont tourné un nouveau cours complet pour créer ton site 🖱️

Du grand art …

Mettre en valeur un artiste et ses oeuvres à travers un site internet, ça n’est pas forcément une chose facile !

Et bien ici, c’est fait à la perfection, pour l’artiste Maliha.

Animations plein écran, super typographie, un pinceau qui navigue avec vous 👩‍🎨…

Bref, un plaisir pour les yeux et un shoot d’inspiration. (Le tout, bien évidemment, fait sur Webflow.

Pssst : tu veux nous retrouver sur les réseaux ? Gabriel 🧔‍♂️ - Carla 🙋‍♀️

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 😍

Leave a comment

On espère que tu vas aimer. Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

4 ressources Webflow :

✎ 1 marketplace de components toute neuve

✪ 1 super template qui fait du bien aux mirettes

☼ 1 outil qui va t’aider pour tes devis !

✄ 1 clonable qui nous fait tourner la tête

Mais aussi :

• 1 mini tip de CSS 👻

• Les news Webflow et son écosystème 🧠

• 1 site d’inspiration, parce qu’on en a jamais assez

Un nouveau player dans le game Webflow : Rekur, la marketplace de components.

De micro-interactions à des pages entières, la marketplace promet du beau contenu pour tes prochains sites !

Alors bien sûr, tu peux aussi bien chercher des éléments dans les librairies, ou le showcase Webflow. Mais ici, tu as une extension Chrome, c’est tout bien rangé, et en vendant tes créations, tu pourrais aussi gagner de la Webflow Money ! (Enfin pas vraiment, juste de la vraie money. C’est mieux.)

Disclaimer : c’est tout nouveau alors si tu cherches des components, il n’y en a pas encore pléthore. Mais ça veut aussi dire que tu as peut-être une place à te faire pour vendre tes créations et te faire un revenu passif 👀.

De beaux templates, on a dit !

Envie de savoir combien facturer pour ton prochain projet ? 🤑

Cash your flow le fait pour toi ! En remplissant quelques informations (mois/années d’experience, ton taux horaire, etc), le site te calcule le devis total, ton seuil de rentabilité, même un efficiency fee par exemple !

C’est fun, rapide, et ça peut te permettre de voir si c’est raccord avec tes propres devis !

Encore une masterclass de Bookmark !

Une super animation au scroll, pour montrer tes plus beaux projets en plein écran 🖥️

Le SEO, c’est du gâteau 🍰

(encore une comparaison avec de la nourriture, il faudrait qu’on arrête d’écrire la newsletter à l’heure du goûter)

Une checklist SEO prête à l’emploi ! Vérifie bien tout ça avant ce cliquer sur “publish”. 👀

Cette semaine, on part sur 2 actus Webflow.

🥁 Le raccourci (pas Christian) Clavier, demandé par la communauté Webflow !

Tu peux dès maintenant ajouter un div block ou un link block avec un simple raccourci 😍
- Wrap in Div Block : ⌘ + ⌥ + G
- Wrap in Link Block : ⌘ + ⌥ + A

🖥️ Les “dynamic viewports” sont là !

Tu peux maintenant utiliser les unités DVW et DVH qui sont listées dans ton panneau CSS. Webflow a fait un article pour expliquer comment les utiliser.
Aussi, d’autres unités non affichées sont prises en charges ! Par exemple les SVH et SVW.

Tu veux convaincre quelqu’un de passer son site sur Webflow ?
Tu peux lui dire que pas mal de grosses entreprises utilisent Webflow pour créer leur landing pages. C’est rapide, et ça marche !
C’est le cas de Spotify for Podcasters !

Plusieurs pages de ce site ont été faites sur Webflow. Belles, simples, et efficaces. 😎

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 😍

Leave a comment

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

4 ressources Webflow :

✎ 1 librairie immeeeensément complète

✪ 1 super template bien coloré

☼ 1 outil pour tout automatiser

✄ 1 clonable qui nous fait tourner la tête

Mais aussi :

• 1 mini tip de CSS 👻

• Les news Webflow et son écosystème 🧠

• 1 site d’inspiration, parce qu’on en a jamais assez

LA nouvelle librairie de Flowbase…

À chaque fois qu’une nouvelle librairie sort, on se dit que ça va être difficile de faire mieux. Et cette fois-ci particulièrement !

Une librairie de components hyper complète, belle, responsive, gratuite… On arrête ici l’énumération parce que tu as compris qu’elle est vraiment très très cool.

Flowbase la présente comme “la plus grande collection de composants Webflow et Figma au monde.” Rien que ça

Marre du gris ? Tu veux de la couleur ? En voilà toute une palette !

Avec le template Colorfolio, tu peux être sûr(e) que ton site sera remarqué…

Un prix de 79$, avec tout ce dont tu as besoin, même le e-commerce Webflow, et le CMS.

Auto-Mation 🏍️

Parabola a une app Webflow d’automatisation : simplifie et automatise des centaines de tâches, sans avoir à coder ou manipuler des scripts complexes.

Quand tu combines Parabola avec Webflow, tu peux faciliter la gestion des données de ton site (importation de données client, mise à jour des produits, export de données…). Tu peux aussi collaborer avec tes équipes. Les fonctionnalités sont multiples, on te laisse regarder ça 👀

Tu gagnes donc du temps pour te concentrer sur des aspects plus plaisants de tes sites !

Bookmark, c’est clairement une dose d’inspiration pour les clonables.

Vois ça par toi même : cette magnifique animation en spirale. 😍

Cette animation a été faite sans custom code, en 100% Webflow natif !! On n’a plus d’excuse là. 🥲

Si ton texte dépasse le nombre de lignes souhaité, ce code ajoutera une ellipse à la fin du texte 👇

Cette semaine, on part sur 3 actus Webflow.

🖥️ Un nouveau CTO !

C’est avec un CV surchargé (Shopify, Slack, ServiceNow, Zynga, auteur de 2 livres, investisseur… 🤯) qu’Allan Leinwand rejoint les équipes de Webflow en tant que CTO !
Lis l’article pour en apprendre plus sur sa vision !

🤺 Des améliorations et filtres dans le site activity log !

Ceci concerne les plans “Entreprise” de Webflow.
Une fonctionnalité de filtre a été ajouté pour permettre aux utilisateurs de retrouver encore plus facilement des changements faits sur le site !
Pour le moment, on peut filtrer par activité, ou par auteur (ou les deux). 🧹

🎥 Une nouvelle vidéo sur le plugin Figma to Webflow

Nouvelles fonctionnalités, guests, discussion, Q&A… Sur une heure de vidéo 😎

🫶 Notre formation vidéo toujours live !

Si tu veux créer ton premier site sur Webflow, tu peux toujours accéder à la formation, avec 15% de reduction via ce lien.

Pour finir, un su-blime site créatif de l’agence Webside agency. 🥳

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 🥳

Leave a comment

Alors, fais-toi couler un café, installe-toi confortablement et laisse-toi guider. 🌍
Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  ✎ 1 librairie toute clean comme on aime

  ✪ 1 super template qui va faire grossir ton équipe

  ☼ 1 outil qui va te faire oublier les Lorem Ipsum

  ✄ 1 clonable qui va diviser par 3 ton temps de support client

• 1 mini tip plein d’empathie

• Les news Webflow et son écosystème 🧠

• Une news Namma de foufou qui nous rend super fiers !

• 1 site d’inspiration, parce qu’on en a jamais assez

1️⃣ Ressource-toi ! 🚰

On revient à du classique.

Chez Namma, on adore les designs cleans et épurés.

Alors autant vous dire que parcourir la librairie FlowUI était super satisfaisant pour nous. 🫠

Des tonnes et des tonnes de magnifiques components sont disponibles pour ton prochain site.

Tu as été missionné(e) pour développer un Job board ?
Ou bien tu veux créer ton propre Job board pour recruter tes futurs employés ?

Le template Jobhunt est fait pour toi !

Toutes les pages dont tu as besoin sont là : de la liste des jobs au formulaire de création d’une offre, en passant par le profil des entreprises.

Et ça coûte seulement 79$. Pas mal pour une beta produit !

Description du créateur Webestica

A cutting-edge job portal web design that provides a fast, user-friendly experience for both job seekers and employers, with advanced features and customization options.

Relume a encore frappé ! 🤯

Relume, c’est l’un des acteurs phares de l’écosystème Webflow. Au-dela de leur aspect agence, ils ont développé une incroyable library de components (avant même que les Libraries Webflow voient le jour).

Cette fois-ci, Relume s’est donné pour mission de remplacer le très connu Lorem Ipsum grâce à la puissance de l’IA.

Et ce grâce à Relume Ipsum !

Relume Ipsum, c’est un plugin Figma qui va t’auto-générer du contenu texte pour tes maquettes Figma. Et bien sûr, ce contenu est en lien avec la thématique du site web.

Encore une super utilité à l’IA !

Quand on développe un produit comme un SaaS, nos utilisateurs peuvent facilement être perdus et se poser 1 milliard de questions.

C’est donc une très bonne pratique de créer un Knowledge Base qui va réunir toutes les explications dont les utilisateurs ont besoin pour utiliser ton produit.

Eh bien le clonable de la semaine, créé par Punchlist et Flow Sparrow, va te permettre de créer un Knowledge Base avec des tutoriels, des FAQ, etc.

2️⃣ Le mini-tip 😍

Développer un site sur Webflow peut prendre du temps.

On doit penser à tout plein de choses. Et malheureusement, on pense rarement aux personnes ayant un handicap visuel comme les malvoyants ou les daltoniens.

Par exemple, ne pas réussir à différencier un message de succès vert et un message d’erreur rouge, ça peut poser problème…

Mais comme d’habitude, Webflow a pensé à tout.

Introducing… Vision preview ! 👀

Use Webflow’s Vision preview to get an approximate representation of some of the visual impairments that affect a large percentage of the population.

En bref, Vision preview permet de simuler comment ton site va être vu avec tel ou tel handicap visuel. Et ça c’est quand même super sympa. ❤️

Pour savoir comment ça fonctionne, voilà le lien du tuto.

3️⃣ Demande les news ! 🗞

Cette semaine, on part sur 2 actus Webflow et la fameuse actu Namma.

😮 Les données de ton CMS dans les custom attributes et les IDs.

Une fonctionnalité attendue de tous !

Il est désormais possible d’utiliser les données de tes collections directement dans la section custom attributes et le champ ID de tes éléments.

De quoi rendre tes sites encore plus dynamiques !

Plus d’infos sur l’article officiel de Webflow.

🚀 Des fichiers Lottie ultra rapides

Qui ne s’est jamais tapé la tête contre un mur parce qu’un fichier Lottie mettait 10 ans à se charger…

Nous en tout cas, ça nous est arrivé beaucoup trop de fois.

Eh bien dès à présent, Webflow supporte les fichiers dotLottie !

Beaucoup plus rapides car compressés, les dotLottie s’afficheront bien plus rapidement et prendront moins de bande passante que les Lottie classiques.

Plus d’infos sur l’article officiel de Webflow.

🤯 Notre formation Webflow est LIVE !

Après des semaines de travail, on l’a sorti !

Notre formation “Créer son site web de A à Z facilement avec Webflow” est disponible dès aujourd’hui sur le site de Nocodable.

Plus de 6h de vidéo avec une grosse mise en pratique.

Au programme :

👉 une courte introduction au HTML et au CSS
👉 une section sur les bases de l'outil
👉 une grosse mise en pratique où on transforme une maquette Figma en site web, de la création du projet jusqu'à la mise en ligne
👉 plein de bonne vibes

On vous a même créé un super code promo de 15% avec le code NAMMA15 !

4️⃣ De l’inspiration pour finir en beauté ! 🫧

Vous savez qu’on adore les portfolios, mais celui-là est à couper le souffle !

Des animations au hover et au scroll comme on aime.

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 🥳

Leave a comment

Alors, fais-toi couler un café, installe-toi confortablement et laisse-toi guider. 🌍
Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  ✎ 1 librairie un peu différente

  ✪ 1 magnifique template (si bien qu’on dirait pas un template)

  ☼ 1 outil beaucoup trop cool pour aller plus loin sur ton site (spoiler : il y a de la 3D)

  ✄ 1 clonable que tu vas sûrement t’empresser d’utiliser

• 1 mini tip pour ne plus jamais faire d’erreur (ou pouvoir les corriger très vite)

• Les news Webflow et son écosystème 🧠

• 1 site d’inspiration, parce qu’on en a jamais assez

1️⃣ Ressource-toi ! 🚰

On voulait changer un peu.

Plutôt que de te présenter une autre library webflow (honnêtement on a quasiment fait le tour de celles présentes sur la marketplace 😳), on te propose une library de polices.

WOOP WOOP. 🚨

Non pas cette police. Les typos, les fonts. Bref, tu as compris.

Un super beau site made in webflow qui te présente de magnifiques typos, dispos sous des licenses gratuites. 👏

🧐 Tu trouves que ça n’est pas évident de trouver de très beaux templates ?

On a peut être ce qu’il te faut. Pour cette newsletter et les prochaines, on a fait le plein de beaux templates. Alors oui, la beauté c’est subjectif. Du coup, n’hésite pas à nous dire si tu aimes en commentaire. 💘

De la 3D et du scroll. 🤯

Une démo avec des persos mignons. Tout ce qu’on aime !

Spline vient de lancer “Spline Viewer”, une façon hyper simple pour intégrer de la 3D sur ton site. Et c’est waouh ⬇️

Spline viewer te permet de copier coller des scripts pour la 3D hyper facilement !

N’hésite pas à faire un tour sur leur site principal si tu veux te mettre à la 3D et découvrir ce qu’ils proposent ! 🔋

Il est encore plus beau en vrai.

Regarde donc ce magnifique clonable, à utiliser sans modération.

2️⃣ Le mini-tip 😍

Tu te souviens ce moment où tu n’enregistrais pas : un devoir important, un rendu important, bref, quelque chose d’important sur ton ordinateur ? Et tu devais recommencer à zéro ?

Tu ne voudrais pas faire la même avec ton site. 😠

Alors heureusement, Webflow le fait pour toi. Les backups sont automatiques. 🌞

MAIS, avant de faire un grand changement et de tout casser, n’oublie pas que tu peux faire une sauvegarde manuelle de ton site, en deux clics comme ici 🤝.

3️⃣ Demande les news ! 🗞

Cette semaine, on part sur 2 actus Webflow.

🥳 Update de ton profil créateur.

Les URL des profils créateurs (ton profil si tu as activé la visibilité publique) ont été simplifiés.

Cela passera de : webflow.com/team/webflow → webflow.com/@webflow, par exemple.

Un url simplifié, que tu peux également choisir et modifier. Depuis les paramètres de ton profil, il y a un nouveau champ "URL du profil de l'espace de travail". Tu n’as plus qu’à choisir celui qui te convient ! (Nous on aime bien namma_les_best_75, un peu à la Skyblog.)

Des redirections sont en place entre les anciennes et les nouvelles URL, et tous les liens vers l'ancienne URL de ton profil public (s’il y en avaient), continueront à fonctionner.

😍 On lance notre formation !

C’est avec un grand plaisir qu’on lance notre première formation vidéo.
L’objectif ? Créer son premier site de A à Z sur Webflow.
On vous montre toutes les ficelles pour créer un beau site responsive, depuis une maquette figma.

Ça arrive très vite sur nocodable.io, alors si ça t’intéresse n’hésite pas à t’inscrire et à partager ! 🥳

4️⃣ De l’inspiration pour finir en beauté ! 🫧

Encore un site qui coupe le souffle.

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 🥳

Leave a comment

Pour cette 11° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie simple et efficace

  1️⃣ template si tu veux lancer le prochain courrier international

  1️⃣ app (et même 2 pour le prix d’une) pour créer les meilleures shadows

  1️⃣ clonable pour créer et gérer les connaissances de ta boîte

• 1 mini tip bien pratique pour tes futurs formulaires

• Les news Webflow et son écosystème 🧠

• 1 site d’inspiration qui te replongera dans les plus “belles” années du web ✨

1️⃣ Ressource-toi ! 🚰

Kutup Library

Plus de 40 layouts tout prêts à utiliser et responsives, on ❤️ cette librairie.

Description du créateur Deni Bozo :

Kütüp is a stunning, modular — UI kit template for startups and beyond.

Kütüp is a stunning, modular — UI kit template for startups and beyond. Has professional, pixel-perfect and clean modern layouts for almost any website you need.

🗞 Tu as toujours voulu lancer ton media ?

Voici un template pour le journaliste qui sommeille en toi.

Le design est classique et intemporel, mais tu peux évidemment le pimper si tu veux un site plus original.

Le template comprend un CMS, du e-commerce pour que tes futurs lecteurs puissent devenir des lecteurs payants, et le membership (gestion de tes adhérents, login, sign in, etc 🤠).

Description du créateur Nikolai Bain :

Looking for a website template for news or articles? Journalism might be what you're looking for. It comes with build in log-in and sign-up functionality, and also ecommerce so that you can gate the content behind different subscription types.

Avoir les mêmes ombrages que ta maquette figma, en 2 CLICS !

Recréer les mêmes shadows qu’une maquette figma c’est fastidieux… Box shadow résout ce soucis rapidement, et facilement 😍

Du temps de gagné et des ombrages pixel perfect… Avec ça, crois nous, tu vas ravir les designers avec qui tu travailles, et tes clients.

Bonne nouvelle, tu peux aller aussi plus loin dans les ombrages !

Si tu veux gagner du temps pour créer des ombres “complexes” en voyant en live à quoi elles ressemblent, crée-les sur shadows.brumm.af :

Tu n’as plus qu’à copier le css sur box-shadow, et le coller dans Webflow.
TA-DAH 😍

Le savoir, c’est important. 📚

Pour créer la base de connaissance de ta boîte (ou en perso), tu peux cloner ce super site de Punchlist.

2️⃣ Le mini-tip 😍

Marre que les champs de textes s’étendent en long, en large et en travers ?
(Comme ici ⬇️)

Et bien petite astuce CSS ; ajoute ce code tout simple :

textarea {
resize: vertical;
}

Et la zone de texte s’étendra uniquement verticalement ! Cela évitera que tes designs soient tout cassés à chaque fois. 😤

3️⃣ Demande les news ! 🗞

Cette semaine, on part sur 3 actus Webflow.

🥳 Définis un Workspace par défaut

Si tu travailles comme freelance ou pour une agence, il est probable que tu sois membre de plusieurs espaces de travail, ou invité dans plusieurs équipes.
Tu as sûrement du mal à t’y retrouver, car jusqu’ici ça n’était pas vraiment optimisé… Et bien c’est chose faite !

Cela devrait faciliter la vie de ceux qui passent régulièrement d’un workspace à un autre. 💆 L’article complet est ici.

🧠 Nouvelles améliorations sur les variable fonts

Des mises à jour importantes ont été faites pour avoir une meilleure expérience utilisateur et plus de possibilités pour aller plus loin dans l’utilisation de ces “polices variables”.

🤑 Webflow convainc tes clients pour toi dans la prez de l’année.

Tous les arguments pour convaincre ton prochain client de passer à Webflow !

Dans une présentation super complète, ils ont condensé pour toi tous les avantages de Webflow. En remplissant ton nom et ton email, tu accèderas à des slides personnalisables et super canons, à envoyer dans la foulée à la personne que tu souhaites convaincre. 🤯

4️⃣ De l’inspiration pour finir en beauté ! 🫧

L’histoire du web sur un site BEAUCOUP trop stylé.

Nostalgique des années 90/2000 ? Envie de te replonger dans une période où les pixels colorés sont rois ? Va donc découvrir ce site Made in Webflow complètement fou. Tu nous en diras des nouvelles.

On espère que ça t’a plu ! Laisse-nous un petit commentaire si c’est le cas, merci ! 🥳

Leave a comment

À très vite,

L’équipe Namma 🌞

Pour cette 10° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie hyper complète

  1️⃣ très beau template pour lancer ta propre application

  1️⃣ app pour les sites e-commerce sur Webflow

  1️⃣ clonable pour les fans de voitures

• 1 mini tip pour retrouver comment a été fait n’importe quel site

• Les news Webflow et son écosystème (spoiler : c’est un peu people) 🗞

• 1 site d’inspiration à utiliser sans modération ✨

1️⃣ Ressource-toi ! 🚰

Walsh

Avec 99 layouts totalement responsives, Walsh te propose même 6 landing pages complètes !

👩‍💻👨‍💻 L’heure de sortir ton app ?

Si tu as toujours voulu lancer une app (“c’est entre le nouveau airbnb et le nouveau Facebook, mais pour les chiens” 🤯🤭 Bon au moins tu aurais un marché de niche. 🥁).

Et bien on a au moins trouvé le template pour mettre en avant ton app. Il coûte 24$, et il est tellement canon.

Dark mode, superbes designs et animations … On valide.

Description du créateur Azwedo :

Black is our SaaS Webflow template that features a clean layout, with a focus on bold images and amazing animations, which makes it perfect for those who want to make a big impact.

Les créateurs de eCommerce vont être ravis!

On sait à quel point vendre des produits avec un eCommerce peut être fastidieux, surtout au début. 😥

Il y a de nombreuses façons de booster ses ventes, et notamment grâce aux avis clients. C’est justement ce que permet de faire l’app de la semaine.

Introducing… RevidFlow ! ⭐️

C’est un plugin e-commerce pour Webflow qui permet aux propriétaires de stores d'ajouter et de gérer facilement les avis clients. Les clients peuvent laisser des avis sur le site Web du store, et les propriétaires peuvent les examiner et les approuver avant qu'ils ne soient live sur le site.

D’ailleurs, profites-en car l’app est gratuite (pour l’instant), et ça, ça fait toujours plaisir. 🫢

Envie de vendre ta voiture ? Fais-le avec ce site 🤭.

On a trouvé un clonable d’un site entier, créé pour la startup Sono Motors à l’occasion d’une campagne marketing pour leur nouvelle voiture. Le créateur en a profité pour faire série de tutos vidéo sur youtube sur ce thème.

Le site est fait pour mettre en avant toutes les caractéristiques de cette voiture électrique, qui se charge à l’énergie solaire 🌞.

2️⃣ Le mini-tip 😍

Connaître la techno utilisée pour un site web.

Tu veux savoir sur quelle plateforme a été fait un site ? Tu peux évidemment utiliser un outil (comme Built With).

Tu peux aussi inspecter le site web et regarder par exemple :

• Le “WF” pour webflow.
  Si tu vois les balises suivantes : "<html data-wf-domain="..." data-wf-page="...">. Le “wf” indique que le site a été fait sur webflow.

• Les CMS signent parfois leur site. En inspectant un site, tu peux par exemple voir ça 👇. En sachant que c’est une option que tu peux enlever si tu as un plan payant de Webflow.

3️⃣ Demandez les news ! 🗞

Cette semaine, on part sur 2 actus Webflow.

🌴 Des animations personnalisées pour le page branching

L’une des nouvelles fonctionnalités phares de Webflow, c’est le page branching.

Pour ceux qui ne savent pas ce que c’est, le page branching te permet de travailler sur une version parallèle - appelée “branche” (et on ne parle pas de jardinage 🌳) - de ton projet Webflow.

Tu peux faire des modifications sans toucher à la “branche” principale, puis fusionner la nouvelle branche avec la branche actuelle (ou supprimer si les modifications ne te conviennent pas).

En terme de modifications possibles sur la branche parallèle, c’était assez limité lors du lancement par Webflow, mais ils y travaillent. Par exemple, côté animations, on ne pouvait toucher qu’à celles pré-faites par Webflow.

Eh bien désormais, on peut modifier les custom animations dans une branche, soit en utilisant une custom animation existante, soit en en créant des nouvelles! 🎉

Pour en savoir plus, voici l’article en question.

🤯 Webflow répond à Ryan Reynolds.

On te rassure, Namma ne se transforme pas en une mauvaise version d’un journal people. Mais on ne pouvait pas vraiment passer à côté.

Pour la faire courte, Ryan Reynolds a demandé s’il y avait “quelqu'un pour construire un site Web aujourd'hui ?" dans la publicité d’Aviation (sa marque de gin) qu’il a diffusée pendant le Super Bowl.

Webflow a répondu en créant pour Ryan un tout nouveau cours + un site. 😁 C’est à voir!

🎾 Le site officiel de Venus Williams … Fait sur Webflow

Si si, tu as bien lu. 😎

4️⃣ De l’inspiration pour finir en beauté !

Des dessins de gens super cools, à récupérer gratuitement en PNG et SVG sur Open Peeps.

Tu peux aussi personnaliser tes petits personnages. Oh, et le site est fait sur Webflow. 🫧

Dernière chose ! 📖

On avance sur Namma et on prévoit du lourd.

D’un autre côté, comme c’est notre dixième édition, on se posait la question de la temporalité pour la Newsletter. Alors on se demandait ce que tu en pensais ! 🙏

Merci d’avance et à très vite 🥳

Vous êtes à chaque fois plus nombreux, et rien ne nous fait plus plaisir. Merci ! 😍 On aura d’assez grosses annonces dans les semaines à venir, alors… N’hésite pas à parler de nous à tes potes qui utilisent Webflow (ou s’y intéressent). 😁 On remercie aussi bien fort ceux qui nous partagent sur les réseaux, on se sent très fiers quand vous le faites !

Share Namma

Bref, on espère que tu vas bien. On espère aussi que tu pardonneras notre tentative d’humour en titre, on tente des choses que veux-tu…

Pour cette 9° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie dont tu ne te lasseras jamais (on pense que c’est la librairie ultime de composants webflow, qui n’est pas sur la marketplace)

  1️⃣ template pour lancer ton agence un jour

  1️⃣ app incroyable si tu es un fidèle utilisateur de Notion ou GDocs

  1️⃣ clonable pour tout faire chavirer

• 1 mini tip pour booster le SEO de ton site 🪃

• Les news Webflow et son écosystème 🗞

• 1 site d’inspiration qui présente un produit tech & éco-responsable ✨

1️⃣ Ressource-toi ! 🚰

Cette page est dans nos favoris et ne les quittera jamais.

Tu connais Flowponent ?

Il regroupe une infinité de composants à intégrer dans tous tes sites… C’est complètement ouf. Et ils font la même chose sur Figcomponents.

On te laisse un aperçu :

Alors, ce n’est pas une library Webflow à proprement parler, ça fonctionne comme les clonables que tu copies et colles dans le Designer.

Au niveau de la recherche d’éléments particuliers, c’est beaucoup plus pratique que sur Webflow. Tout est bien trié et aussi facilement intégrable (Ctrl C + Ctrl V) 🙆‍♀️.

Il y a tellement d’éléments qu’on ne pouvait pas faire l’impasse dessus aujourd’hui. 😮‍💨

👨‍💼👩‍💼 Et pourquoi pas ?

Si tu as déjà pensé à monter ton agence, on a un template pour toi.

Le template coûte 50$, c’est à dire pas grand chose pour un site d’agence, non ?

Super beau, des animations intéressantes et créatives, bref, c’est validé !

Description du créateur :

The portlight template is an easy, attractive, and effective way to share your digital work with clients and informative layouts help you to support the rapid growth of your business.

Voilà comment gagner du temps ! ⏰

Cette app répond à un besoin de pas mal de nos clients sur Webflow, surtout ceux qui ont un blog. D’ailleurs, on est aussi en train de créer notre blog, et on sent qu’on ne pourra pas se passer de cet outil. 🙈

Si tu as déjà importé du contenu de Notion à Webflow, tu sais à quel point ça peut être fastidieux. Tu dois copier ton contenu, refaire la mise en page, retélécharger toutes les images.

Cloudpress s'occupe de tout ça en un seul clic. Il exporte automatiquement ton contenu, préserve le formatage (headings, gras, liens, tableaux, blocs de code..) et recharge même tes images sur Webflow.

Il existe même une intégration avec Make.com qui permet de créer des workflows automatisés. Bref, Cloudpress a tout pour plaire.

Quand tout s’effondre… Mais de la bonne manière

Un clonable de “Collapse text” qui disparaît et réapparait. Un minimum de code (surtout pour la bordure de texte qui n’est pas encore dispo sur Webflow 🧐)

2️⃣ Le mini-tip 😍

Petite anecdote : l’un des deux auteurs de la newsletter connaissait ce “tip”, et pensait que tous les utilisateurs Webflow le connaissaient.

L’autre non. On sait qu’un panel de 2 personnes c’est assez peu représentatif, mais on s’est dit que 50% de notre panel ne connaissait pas ça, alors on le partage. 🫣

Pour gérer simplement tes settings SEO sur Webflow,

Il suffit de faire confiance à l’outil.
Avant chaque publication, ton site builder favori fait un audit (que tu peux trouver à deux endroits 👇)

Tu cliques sur “show me how to fix” et magie, tu arrives aux endroits à modifier.

Headings, alt text, liens… Tout y passe. Tu peux être sûr de ne pas te faire taper sur les doigts par les moteurs de recherche par la suite. 🤌

🎁 Tips bonus pour aller plus loin :

N’oublie pas de supprimer toutes tes classes inutiles (div bloc 150…) et interactions inutilisées avant de publier ! Webflow cherche pour toi celles qui ne servent à rien et te permet de nettoyer tout ça en un clic. 🧹

3️⃣ Demandez les news ! 🗞

Cette semaine, on part sur 3 actus Webflow.

🆕 Des améliorations sur les Libraries

• 🎨 Prise en charge des palettes de couleurs : les “swatches” de la library que tu choisis sont automatiquement importés dans le panneau styles (celui de droite), dès que tu ajoutes un élément à ton site.

• 📕 Recherche améliorée dans les bibliothèques installées : recherche plus facilement (avec des mots clefs) des layouts dans toutes tes libraries, ou dans une library individuelle.

• 🧠 Amélioration de la navigation : le panneau “add” se souvient désormais de ta dernière recherche ou du dernier élément ajouté (exemple “Hero”, “Button”…)

• 🌠 Augmentation de la taille de l'aperçu : tu peux maintenant voir un aperçu agrandi de l’élément avant de l’ajouter sur ton site .

Pas mal, non ?

📈 Du nouveau pour l’intégration Google Analytics

Google a annoncé qu'Universal Analytics sera officiellement remplacé par Google Analytics 4 le 1er juillet 2023. Après cette date, les propriétés d'Universal Analytics cesseront de recevoir de nouvelles données des sites web.

Webflow a donc effectué quelques mise à jour sur leur intégration Google Analytics, disponible dans les paramètres de tes sites, dans l’onglet “Integrations”.

Un mail sera envoyé par Webflow avec plus d’informations sur les actions requises pour mettre à jour correctement le tracking de tes sites avec Google Analytics !

🤑 Plus de limites de ventes sur les sites e-commerce !

Depuis le 7 février, les clients des plans Ecommerce (Standard et Plus) n'ont plus à craindre d'atteindre des limites de ventes ou de dépasser leur plan de site en fonction du volume des ventes.

4️⃣ De l’inspiration pour finir en beauté !

Un site stylé et un produit eco-responsable. Que demander de plus ?

C’est qui qui est le site d’inspiration de la semaine ? C’est Quipo ! 🥁

(…On sait, “on dit qui est-ce qui” !! 🧑‍🏫)

Au programme, parallax, animations, couleurs à gogo. Même des quizz pour mieux connaître leur produit - tout ça fait sur Webflow. Bravo Quipo !

Alors, ça t’a plu ? 📖

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux faire apparaître un de tes sites Webflow dans la newsletter : hello@namma.io

On espère que tu vas bien. Entre cette belle journée annonçant le week-end et ce nouveau mois qui commence, on est super contents de te retrouver !

Pour cette 8° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Webflow nous a régalé de news cette semaine, mais on a essayé d’aller à l’essentiel. Si tu aimerais avoir des éditions spéciales sur un sujet en particulier, n’hésite pas à demander. 🤿

Allez, rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie pastel, parce que le pastel va avec tout !

  1️⃣ template gratuit utilisant le membership Webflow

  1️⃣ app pour booster ton acquisition de nouveaux leads

  1️⃣ clonable pour mettre en valeur des chiffres importants

• 1 mini tip qui va te permettre d’aller plus loin dans la personnalisation de ton prochain site

• Les news de l’écosystème Webflow (et cette semaine, on est servis !)

• Alerte pour tous les fans de figma qui nous lisent sur la dernière news 🗞

• 1 site d’inspiration 💭

1️⃣ Ressource-toi ! 🚰

La library de components Lynx 😍🐯

Avec cette librairie, tu auras accès à plein de beaux components aux teintes pastel. Simple, moderne, et efficace !

Pour utiliser cette librairie pour ton prochain projet, c’est par ici.

🤝 Ça va recruter fort

Cette semaine, on t’a trouvé un super template fait par Flowbase pour créer une app de type job board. Idéal si tu as pour mission de créer le prochain Welcome To The Jungle. 🐯

Le tout pour la modique somme de… RIEN DU TOUT ! 😱
Il utilise le membership Webflow, il y a un blog prêt à l’emploi, des forms, des pages à gogo … Enfin voilà, c’est cadeau. 🎁

Description du créateur :

HireUP is a Webflow membership template that has complete accounts functionality integrated seamlessly into it. This brand new feature means you can create a beautiful website with gated content and pages.

Boost ton acquisition via WhatsApp ! 💬

Les chatbots on-site sont devenus monnaie courante aujourd’hui. Intercom, Crisp, et j’en passe.

Eh bien Smartarget te permet d’intégrer un chatbot WhatsApp (et bien d’autres fonctionnalités d’ailleurs) directement sur ton site Webflow! 🤖 On te laisse installer et tester cette super app. Tu peux tout personnaliser très facilement, du design, au message, à l’app utilisée !

Don’t say, show

On est bien d’accord avec cette adage ! Et pour montrer les chiffres dont tu es fier, pourquoi ne pas le faire avec ce super clonable de Web Bae ! Tu y trouveras plusieurs exemples de compteurs qui mettront des étoiles dans tes yeux.

2️⃣ Le mini-tip 😍

Contrôler la vitesse du scroll (d’une ancre vers un ID défini).

Tu savais que tu pouvais changer la vitesse du smooth scroll défini par Webflow automatiquement sur 1000ms ? (1 seconde, ce qui peut-être long pour une interaction.)

2 manières de faire :

• Ajoute le custom attribute “data-scroll-time” à ton <body> tag et la valeur voulue pour modifier le temps de scroll d’une ancre vers un ID sur toute la page.

  Tu trouveras le “Custom attribute” dans les settings

• Ajouter le custom attribute “data-scroll-time” + le temps voulu à chaque élément individuellement

Garde en tête que : “0” va scroller immédiatement à l’élément, et “2” va scroller 2x plus lentement que d’habitude. Voici ce que ça peut donner ⬇️

3️⃣ Demandez les news !

Cette semaine, on part sur 3 actus Webflow.

💪 Une bonne nouvelle pour les sites les plus lourds

Webflow annonce avoir apporté des améliorations majeures à l’editor pour les gros sites Web.

En moyenne, les utilisateurs possédant de très grands sites verront désormais les améliorations suivantes dans l'éditeur Webflow :

• Chargement 15 fois plus rapide des projets

• 5x moins d'utilisation de RAM nécessaire pour accéder ou éditer les collection datas

• 6x moins d'utilisation de la RAM, soulageant considérablement la pression de la mémoire, ce qui réduit le nombre de crashes de l’editor Webflow dans les navigateurs

• 86x moins de bande passante est nécessaire pour charger des projets plus importants

Vous pouvez trouver plus de détail sur cette news par ici.

🧪 Le lancement du Webflow Labs

Le nouveau chouchou ! Défini comme leur “laboratoire d’innovation”, le labs a pour mission de créer de nouveaux projets.

Dirigé par Bryant Chou (co-fondateur et CTO), le Labs donnera à l'entreprise la possibilité de se concentrer sur de nouvelles innos au-delà de leur roadmap immédiate, et d'expérimenter rapidement des tendances émergentes du web.

✨ Les produits Labs auront un processus de développement accéléré pour pouvoir les mettre entre les mains des utilisateurs et qu’ils puissent expérimenter le plus rapidement possible. Pour lire l’article en entier, c’est par ici

Et une des premières créations du labs, c’est …. 🥁

🤯 La dinguerie de la semaine. Un plug-in Figma to Webflow

Tu as bien lu. Et tu sais déjà que c’est une petite révolution. On l’a pas encore testé jusqu’à la publication d’un site. Mais on pense bien l’essayer au plus vite et te donner notre avis.

😩 Il y a déjà beaucoup de choses à dire là dessus, mais on essaye de se retenir pour te donner l’essentiel :

1. C’est gratuit

2. Le process ?
   - Tu lances le plugin et le connecte à ton compte Webflow
   - Tu fais ton design sur Figma (il y a déjà des layouts tout beaux tout prêts sur le plug-in…)

   - Copie-colle dans Webflow, publie et …
   - Tadah!! Le site est là

   Et c’est franchement dingue 🥲

3. A priori les animations ne sont pas prises en compte, il faut les ajouter sur Webflow. Mais quand MÊME.

4️⃣ De l’inspiration pour finir en beauté !

Don’t stop the party !💃

On est fans de The Flow Party, un magnifique site made in Webflow plein de couleurs et d’animations à gogo. On voulait mettre un gif, mais il y vraiment trop d’informations pour quelques secondes, alors on te laisse découvrir par toi-même …

Alors, ça t’a plu ? 📖

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux faire apparaître un de tes sites Webflow dans la newsletter : hello@namma.io

Nous espérons que tu as passé une belle semaine, et que tu es prêt pour ces prochaines minutes de lecture sur Webflow.

D’ailleurs, en fin de newsletter, on a une question pour toi !

Pour cette 7° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Rentrons dans le vif du sujet.

Bonne lecture ! 📖

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie Finsweet avec pléthore de components accessibles

  1️⃣ template bien fashion, bien luxe

  1️⃣ app pour être encore plus rapide quand tu construis tes sites

  1️⃣ clonable pour des micro-interactions au top

• 1 mini tip qui te fera gagner un temps précieux ⌛️

• Les news de l’écosystème Webflow 🗞

• 1 site d’inspiration 💭

1️⃣ Ressource-toi ! 🚰

La library de components Finsweet 😍

Des components en veux-tu en voilà, faits par les boss, Finsweet. Tu trouveras forcément ce dont tu as besoin pour ton prochain site.

D’ailleurs si tu n’es encore jamais allé voir leur site, on te conseille d’aller y jeter un oeil. Si si vas-y, on t’attend. 😌

Description du créateur :

Accessible components with aria attributes, vanilla JavaScript, and documentation to build accessibility focused Webflow projects.

Web accessibility means, “anyone at any moment can use your website.” The Accessible Components library helps us build Webflow projects that all users can access. Implement interactive forms, popup modals, and accordions with industry best practices in accessibility.

👠 Ambiance fashion week

Un template pour les marques (ici plutôt de vêtements.) Minimalisme et luxe au rendez-vous.

Description du créateur :

Tailored for fashion stores, Clutch is suitable for any kind of ecommerce, be it a small shop for handmade products or a big multi-brands store.  

• The seamless interactions will guide your customers throughout an appealing  journey straight to the checkout page.

Gagne du temps précieux sur Webflow !

Avec ses plus de 200 raccourcis, Turbonav va te permettre de supprimer pas mal d’actions fastidieuses en rassemblant tout sur ses shortcuts.

Plus besoin de chercher / cliquer à tous les endroits pour créer tes styles CSS par exemple. Wow wow wow!

On adore les micros interactions.
Et quand elles sont bien faites et clonables, on en profite ! 😍

CTA, settings, play, recherche… Tu y trouveras ton bonheur pour sûr !

2️⃣ Le mini-tip 😍

On vous parlait de raccourcis clavier plus tôt dans la newsletter. Et bien pour découvrir tous ceux présents sur Webflow, il te suffit de presser Shift + ?

3️⃣ Demandez les news !

Cette semaine, on part sur 4 actus Webflow et son écosystème.

🫣 Des spams via les formulaires Webflow

Sur les dernières semaines, les spams venant des forms Webflow et même des messages d’hackers qui auraient récupéré les données des forms ont afflué.

L’équipe de Webflow s’en est occupé et ont mis en place un nouveau système pour pouvoir filtrer et stopper ces spams. Cela a été appliqué directement sur tes différents sites. Si vous avez toujours ce genre de soucis, contactez directement le support Webflow !

🛣 La roadmap 2023 de Finsweet

On t’en parlait un peu plus tôt, mais Finsweet est une des références dans l’écosystème Webflow. Et ils viennent de dévoiler leur roadmap 2023 dans un live YouTube. Let’s go ! 🥷

🆕 Du nouveau côté produit

• Le “page branching” amélioré pour la collaboration d’équipes sur les modifications de leur site.

  Pour rappel, le page branching permet que différentes personnes puisse modifier une même page, mais avec chacun sa version. À la fin, les 2 versions sont fusionnées. 🪄

• Les clients qui payent le plan “entreprise” peuvent maintenant supprimer le sitemap.xml générée automatiquement dans le fichier robots.txt, et de le saisir eux-mêmes. Ce qui permet de s'assurer que les moteurs de recherche comprennent que ces différents projets font bien partie du même domaine.

📝 Un nouvel article !

Un guide sur la gestion du SEO de ses sites en plusieurs langues, avec Polyflow.

4️⃣ De l’inspiration pour finir en beauté !

Tu as toujours rêvé de lire un prompteur sur un plateau TV ?

Alors on ne sait pas comment te faire passer au prochain 20h, par contre on sait comment intégrer un téléprompteur sur ton prochain site !

Tu as juste à dupliquer ce projet dans tes sites Webflow 🫶. Tu peux modifier le texte, la vitesse, changer en night mode … Fais-toi plaisir !

La question ! 🤓

En début de newsletter, on te parlait d’une question importante.
On va bientôt lancer notre blog et comme tu fais partie des gens qui nous lisent, on se demandait quels sujets t’intéresseraient le plus.

Par exemple des tutos (gérer son SEO, gagner du temps quand on créé un site, bien gérer ses classes, etc), des reproductions de site sur Webflow, des réponses directes à vos questions…

Bref, tu peux nous indiquer ce qui t’intéresserait le plus ou ce dont tu aurais besoin en commentaire. 💌

Alors, ça t’a plu ? 📖

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux faire apparaître un de tes sites Webflow dans la newsletter : hello@namma.io

Nous espérons que tu as passé une belle semaine, et que tu n’as pas déjà délaissé toutes tes bonnes résolutions. Et si c’est le cas, peut-être que ça n’était pas les bonnes ? 😇

Chez Namma, notre résolution pour l’année est de toujours t’aider dans ta quête ; que tu sois freelance, entrepreneur, étudiant, salarié… Et t’aider à construire des sites toujours plus fous. ✨

Pour cette 6° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Rentrons dans le vif du sujet.

Enfile tes baskets et une bonne coque pour ton téléphone, ça va dépoter ! Bonne lecture ! 📱

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie simple et efficace à implémenter partout

  1️⃣ app pour optimiser ton SEO directement depuis Webflow

  1️⃣ super clonable de changement de background au scroll

  1️⃣ template de blog vraiment canon

• 1 mini tip qui te fera gagner un temps précieux ⌛️

• Les news de l’écosystème Webflow 🗞

• 1 site d’inspiration 💭

1️⃣ Ressource-toi ! 🚰

Another one

On ne vante plus les avantages des librairies Webflow ! On part sur un dark theme pour celle-ci. 🥷

Description du créateur :

Flow Elements Library gives you 30+ components to choose from. Get started quickly by easily adding existing layouts to your Webflow project and tailoring them to your needs. Everything from pricing cards to hero sections. Create an outstanding website with Flow Library.

🎙 Le blog plus bon que le plus bon de ses copains

Un template super canon, qui fait la différence.

Un aspect journal papier, avec les micros interactions en plus. On valide !

Description du créateur :

Captivate your readers with T&T, a creative Webflow Template designed for all stories that matter, ideal for all types of contemporary magazine websites! Build your news, magazine or blog website has never been easy. With a distinctive clean and modern feel, T&T is easy to use, responsive, and blazing-fast on every device.

Le SEO sur Webflow, en mieux !!

Va plus loin que les settings SEO de Webflow, et fais-le directement depuis l’espace designer. Semflow offre des fonctionnalités plus avancées et des outils de suivi pour améliorer les résultats SEO.

Tu pourras enfin optimiser le SEO pour toutes les pages de tous tes sites très facilement ! 😍

Tu veux du changement ? 😍

Voici un clonable pour changer ton background color au scroll. C’est smooth, c’est beau. Alors oui, tu peux le faire toi même. Mais ça sera bien plus fastidieux et plus long. Nous, on aime te faire gagner du temps. 😁

2️⃣ Le mini-tip 😍

Back to basics ! Envie de mieux savoir utiliser les Flexbox ? Encore quelques soucis pour les maîtriser pleinement ? We got you.
Clique sur l’image et joue à un mini-jeu Webflow qui t’apprendra à devenir le maître de la Flexbox. Pas de code, tout se fait depuis le designer Webflow. 🪄

3️⃣ Demandez les news !

Cette semaine, on part sur 2 actus Webflow et son écosystème.

🆕 Début d’une série vidéos sur la logic Webflow

Une série vidéo d’Aron Korenblit sur la chaîne de Webflow. Dans cette première vidéo, tu peux apprendre comment envoyer automatiquement des leads Webflow à Hubspot par exemple, en utilisant la Webflow Logic (leur système d’automatisation interne)

📝 Faire de l’argent en 2023 grâce à Webflow

Webflow te propose une liste de 25 idées de sites à lancer en side project et générer du revenu passif. 🤑 Plusieurs options : les construire toi-même depuis Webflow, avec une librairie par exemple, ou faire des templates des sites cités et les vendre sur la marketplace !😎

4️⃣ De l’inspiration pour finir en beauté !

On n’a pas vraiment les mots pour le décrire… On te laisse entrer dans l’univers de

https://www.fates.world/. Plus qu’un site, c’est une expérience !

Alors, ça t’a plu ? 📱

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux apparaître dans la newsletter : hello@namma.io

Nous espérons que tu as passé une belle semaine, et que tu es prêt pour cette année pleine de créations en tous genres.

Chez Namma, on est plus motivés que jamais pour t’aider à créer des sites incroyables. ✨

Pour cette 5° édition, nous avons comme toujours rassemblé la crème de la crème des ressources & news Webflow, pour t’aider à donner vie à tes projets.

Rentrons dans le vif du sujet.

Enfile tes écouteurs, lance ta musique préférée si tu le souhaites, et bonne lecture ! 🎧

🔮 Retrouve ce vendredi…

• 4 ressources Webflow :

  1️⃣ librairie simple et efficace à implémenter partout

  1️⃣ app d’analytics spécifique à Webflow, à proposer à tous tes prochains clients

  1️⃣ super clonable de slider, mais pas n’importe quel slider ! 🦸‍♂️

  1️⃣ template qui s’adapte autant pour une cible startup que grande entreprise

• 1 mini tip qui te fera gagner un temps précieux ⌛️

• Les news de l’écosystème Webflow 🗞

• 1 site d’inspiration 💭

1️⃣ Ressource-toi ! 🚰

Une des indispensables.

En parlant de librairie ; si tu es freelance Webflow, c’est réellement un moyen d’aller plus vite dans n’importe lequel de tes projets.

Si un de tes prospects a un budget serré, et que ça n’est pas intéressant pour toi de construire le site de A à Z, c’est le moment de créer un site basé sur une librairie ! Tu gagneras du temps, et empocheras le contrat. 💰

Cette librairie est parfaite pour ça. Simple, belle et efficace.

Cette librairie contient une collection de nombreux composants UI, facile à personnaliser et à combiner. Avec cette librairie, tu peux créer des sites designs & professionnels en -très- peu de temps.

On s’est rendus compte qu’on avait déjà beaucoup partagé de templates SaaS dans les précédentes éditions. Gardons-en (de très stylés) pour une prochaine fois, mais en attendant, voici un peu de changement. 🆕

👞 Si comme les cordonniers, tu es mal chaussé.

On entend pas par là qu’il est temps que tu rafistoles ta vieille paire de baskets, mais que tu n’as jamais pris le temps de sortir ton site à toi ...

Alors voici un template de portfolio. 😁

Coloré, rempli de micro interactions, il reste suffisamment épuré. La navigation est intuitive et fluide, on valide !

Description du créateur :

It comes with pixel-perfect layouts, clean UI, and advanced interactions. This template is perfect for creatives or solo-preneurs who wants to showcase their work in a modern way. It has been designed with a focus on visuals and projects.

NoCodelytics est un outil développé spécifiquement pour les utilisateurs de Webflow.

Pratique, car il est également connecté à l’écosystème de Webflow (Jetboost, Memberstack, Wized…).

Cela te permettra donc de suivre les performances de ton site, sans avoir à te connecter à différents outils de tracking/analytics différents.

Il est également très facile à utiliser : il suffit de le connecter à ton compte Webflow et de configurer les paramètres.

Ses rapports détaillés peuvent te permettre de comprendre comment les utilisateurs interagissent avec ton site ou celui de ton client, et de prendre des décisions éclairées pour améliorer leur experience !

Là, on dit woooow.

C’est un ✨slider✨. Au scroll (ou swipe, d’où son nom, swiper) ou en cliquant sur les images, qui défile de manière tellement fluide et sans accroc, il fallait qu’on vous le partage.
En plus, ce qui n’est pas le cas pour tous les clonables, il est responsive et fonctionne très bien sur téléphone.

2️⃣ Le mini-tip 😍

Tu dupliques souvent des éléments sur Webflow ? Nous aussi.

Pour te faire gagner du temps et faciliter la duplication d'éléments dans le designer, tu peux utiliser ce raccourci (option / alt + drag)

• Maintiens la touche Option enfoncée ⌥

• Clique sur un élément ⇱

• Déplace ta souris ⇣

• Ta-dah!

3️⃣ Demandez les news !

Cette semaine, on part sur 2 actus Webflow et son écosystème.

🆕 Tout nouveau component Memberstack

Qui risque de te servir très bientôt…

Memberstack a sorti un component de hCaptcha pour sécuriser certaines actions sur ton futur site ! Tu as juste à copier-coller le component depuis le lien sur l’image.

Si toi aussi tu 🫶 les tutos vidéos Webflow

De nouveaux tutos et “lessons” de la Webflow University sont sortis ! Nous, on est fans. 📹

On t’a mis le lien de leur chaîne YouTube en lien sur les images, et tu peux accéder aux leçons écrites en entier depuis leur description.

Les nouvelles videos de la semaine :

4️⃣ De l’inspiration pour finir en beauté !

Un site d’inspiration qui est aussi un “rebuild” d’un site déjà existant, qui est aussi un clonable. Une pierre trois coups comme on dit.

Alors, ça t’a plu ? 🎧

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux apparaître dans la newsletter : hello@namma.io

On espère que tu as passé un très bon réveillon de nouvel an (et si ce n’est pas le cas, tu as tout 2023 pour faire le plein de bons moments) ✨

Nous, on revient en forme comme jamais !

Alors ne va pas s’étendre avec une longue intro, rentrons dans le vif du sujet.

Enfile tes skis et tes bâtons, et bonne lecture ! ⛷

🔮 Retrouve ce vendredi

• 4 ressources Webflow :

  1️⃣ librairie à implémenter partout

  1️⃣ app pour ceux qui veulent leur blog sur Webflow ET envoyer des mails (en version simple et efficace)

  1️⃣ super clonable d’infinity marquee ∞

  1️⃣ template bien tech, bien SaaS

• 1 mini tip bien pratique ⌛️

• Les news de l’écosystème Webflow 🗞

• 1 site d’inspiration 💭

1️⃣ Ressource-toi ! 💧

Ici, on convertit !!

En tout cas, c’est la promesse de cette librairie.

Créée par des designers experts, le point d’honneur de cette librairie est de vendre. Tous les components sont pensés pour mettre en avant ton produit (ou toi!).

On l’aime pour ses designs colorés, ses nombreuses animations, et sa quantité de components impressionnante.

Tu cherches de l’inspiration ou un template pour un site tech / software ? Le voici !

Il a TOUT ! CMS prêt, E-commerce, form, pages à gogo… Pour 129$, tu changes simplement les contenus, et ton site est prêt à être lancé. Il y a suffisamment de différentes versions de pages pour trouver ton bonheur. 🙌

Description du créateur :

Presenting Software, the Template & UI Kit designed to help software and tech startups create amazing, cutting edge websites as easy as 1, 2, 3.

Si toi ou tes clients :

• écrivez des articles de blog

• ou des newsletters

• ou les deux

On va te faire gagner du temps.

Audienceful s’intègre sur Webflow et te permet, depuis un seul outil - qui ressemble sensiblement à Notion - de rédiger, organiser et publier tout le contenu que tu peux mettre dans tes collections CMS.

D’un clic, tu peux publier un article sur ton blog ET envoyer des emails à ta base de données.

Plus besoin de multiples outils et copier-coller… Pour le même résultat.

Franchement, on aurait aimé connaître cet outil avant.
D’ailleurs, on va sûrement le tester pour la newsletter et notre (no spoil) futur blog. Vous nous en direz des nouvelles. 🫢

Pourquoi faire compliqué quand on peut faire simple ? 🫣

La bannière animée... Tu as probablement appris à la faire sur Webflow (ou non). C’est un peu long, un peu relou, il faut bien gérer ses animations, le responsive et j’en passe. Là, c’est rapide, et c’est cadeau ! 🎁

Fais défiler à l’infini le message que tu veux. Tu peux stopper le message au hover, et customiser ton animation depuis l’élément embed.

Description du créateur :

Why to bother? Why to generate JS if we might achieve same effect much easier with just a few lines of CSS, having better control over the animation. Just sayin ;)

2️⃣ Le mini-tip 😍

Celui-ci, on l’a découvert récemment. Pourtant, il est bien visible, et depuis le temps qu’on utilise Webflow, on s’est dit qu’il fallait qu’on s’achète de nouvelles lunettes.

Tu peux optimiser toutes tes images depuis Webflow. (Si si, fini tinypng.com)

1. Sélectionne tes images

2. Clique sur “Compress” en haut du panneau des assets

3. TADA !

L’image s’optimise automatiquement et Webflow la convertit en WebP.

Si tu es déjà allé sur Pagespeed pour améliorer la rapidité d’un de tes sites, tu as vu que c’est un format plébiscité par les moteurs de recherche. Donc meilleur en terme de SEO, et plus léger. 😏

3️⃣ Les news Webflow

Cette semaine, on part sur 3 actus Webflow.

🤖 Comment ne pas en parler ?

Evidemment, on ne pouvait pas passer à côté de ChatGPT. Outre ses innombrables utilisations, sache que tu peux t’en servir pour Webflow…. Et oui !

Demande à l’IA un code pour une fonction non-native à Webflow, déboguer un code,.. bref, gagne du temps, et crée-toi un atout de plus auprès de tes clients !

Une petite recherche sur internet et tu verras que le monstre d’Open AI est déjà largement utilisé par la communauté Webflow. 💨

👉 Si tu ne sais pas par où commencer, voici une petite vidéo tuto pour connecter ChatGPT à Webflow.

🤔 D’ailleurs, est ce que tu aimerais qu’on fasse un focus sur les utilisations de ChatGPT dans Webflow, pour pousser les limites de l’outil ? ✨

👹 Deux monstres qui commentent des sites

Quand Aaron Epstein, partner du YCombinator (un des plus prestigieux accélérateurs de startups du monde) est rejoint par Vlad Magdalin, le fondateur de Webflow dans une vidéo de design review, ça donne ça :

Ils proposent des améliorations aux sites de trois entreprises financées par YC, ainsi qu'un site de leur audience Youtube!

🔙 Commencer l’année sur de bonnes bases

À l’occasion de la fin d’année, Webflow a fait un site de dingo pour son recap 2022. Il y en avait des choses à dire !

4️⃣ De l’inspiration pour finir en beauté !

Un sans faute 🤯

Alors, ça t’a plu ? ⛷

Écris-nous sur Substack si tu as un commentaire à faire, une note à donner, ou une question à poser !

💌 Tu peux aussi nous envoyer un mail si tu veux apparaître dans la newsletter : hello@namma.io