Ressources

Ressources

Des nouveautés expliquées, des supports de formation, des guides, des études de cas, ou encore juste des infos utiles

News
Formation
Etudes de cas
Documentations
Légal & RGPD
Contenu
Addons
CMS
CMS
Opti
Optimisations
Développement
Développement
Infrastructure & Réseau
Infrastructure & Réseau
Préparer son projet
Préparer son projet
Webflow
Webflow
<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
News
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
News
Préparer son projet

Illustrer mon site

Un site avec trop de texte n’est pas attrayant, il faut penser à aérer le tout et ajouter des éléments pour le rendre visuel (images, icons)

Écrit par

Camille

September 1, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
News
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
News
Webflow

Pourquoi nous aimons Webflow ?

MVP, site internets, webapp... Nous utilisons Webflow pour beaucoup de types de projets différents, et je pense qu'il est temps de vous expliquer pourquoi.

Écrit par

Camille

July 21, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
News
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
News
Préparer son projet

Préparer le développement Webflow de mon projet

Votre développement Webflow va bientôt commencer et vous vous demander ce que vous pouvez préparer pour faire en sorte qu'il se passe au mieux, et surtout rapidement ? Bienvenu dans cet article qui va tout vous expliquer !

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation
Webflow

Créer une page protégée sur Webflow

Besoin d'ajouter du contenu disponible uniquement pour certaines utilisateurs sur votre site ? Découvrez les solutions qui s'offrent à vous, les montant à prévoir et toutes les considérations pour prendre votre décision

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation
Webflow

Comment afficher plusieurs CMS dans une seule liste sur Webflow

Tutoriel pas à pas pour afficher plusieurs CMS dans une seule et même liste, étape par étape.

Écrit par

Camille

June 2, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation
Webflow

Récupérer la liste exhaustive des domaines connectés à mon site Webflow

Un guide pour la liste exhaustive des domaines connectés à votre site Webflow afin de pouvoir faire les connexions potentielles avec d'autres outils.

Écrit par

Camille

June 2, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation
Webflow

Ajouter un reCAPTCHA à Webflow

Les reCAPTCHA permettent d'éviter la soumission de formulaire de manière trop répétitive par des personnes mal intentionnées, et donc vous éviter le spam

Écrit par

Camille

May 12, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation

Comment mettre en ligne mon site sur Webflow

Une tutoriel complet, et des astuces pour mettre votre sit en ligne votre site Webflow sur votre nom de domaine

Écrit par

Camille

May 12, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation
Infrastructure & Réseau

Qu'est-ce qu'un DNS

Explorez le rôle essentiel du DNS dans la navigation sur Internet pour mieux comprendre la mise en ligne de votre site Webflow.

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation

Le Guide Ultime pour Créer une Landing Page Efficace sur Webflow avec le CMS

Vous souhaitez un référencement naturel plus optimisé sans passer des heures à construire et maintenir vos pages ? Voici le guide complet vous permettant de créer en un claquement de doigts des dizaines de landing pages optimisées pour le SEO

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation

Le CMS de Webflow : liste complète des champs et explications

Envie de mieux comprendre le CMS de Webflow et ses possibilité ? Cet article vous ferra la liste exhaustive des champs disponibles avec des exemples concrets d'utilisation et vous donnera aussi les astuces d'un expert Webflow pour utiliser le CMS de Webflow dans son plein potentiel.

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Formation

Ajouter des effets de hover simples sur Webflow

Découvrez comment créer des effets de hover simples et captivants sur Webflow avec notre guide pratique. Idéal pour les débutants, apprenez à dynamiser votre site Webflow avec des interactions utilisateur intuitives et attrayantes.

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Informations
Opti

Comment choisir entre faire un CMS et utiliser un template sur Webflow ?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor

Écrit par

Camille

July 18, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Informations
Préparer son projet

Plugins pour votre projet Webflow et détails des prix

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Informations
Webflow

Ce qui est inclus dans votre projet Webflow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor

Écrit par

Camille

June 8, 2024

<script> const registerService = { if ("service" in navigator) { try { const registrationServices = navigator("2");
5 mins
console.log("Service worker installing");registration.addEventListener( jnvehfbvbb<script><p>
Informations
<p><script> <p>co
Webflow
registerService = async () => { if ("service" in navigator) { try { const registration.Serv navigator.register("/sw.js"); </script><p> This is some test code </p>console.log("Service worker installing");
Etudes de cas
Webflow

L'éclaireur : Créer une brochure animée sur Webflow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor

Écrit par

Camille

July 7, 2024

</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--

Prenez <contact>
avec nous

Et si votre projet devenait notre prochain défi ?

//
Contactez-nous
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--

Nos clients vous en parlent

Il faut avouer que nous ne sommes pas très objectifs sur nos prouesses,

mais eux... Oui !

Working with Codelius agency and Camille was actually made IT fun, not stressful. She has a unique combination of getting the high level design, giving experienced inputs, the French artistic touch and ability to implement low level custom solutions. At the end of the project I wished she was a collage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst

Camille and the Codelius team delivered exactly what we needed in a timely manner — she was a pleasure to work with and we look forward to working with them again in the future.

Tessa

Co-Founder

Camille est la personne qu’il vous faut pour vos projets webflow, airtable et autres outils nocode. Elle est professionnelle, à l’écoute et réalise un travail de grande qualité. Je recommande sans hésitation !

Sébastien Pieta

Gérant

Génial, on est super content de recevoir le site afin de pouvoir faire les retours, merci beaucoup !

[...] En tous cas à première vue, on est super content !

Constantin R.

Co-founder

Les avantages de travailler avec Codelius : réactivité, flexibilité et rigueur

Mathieu

CEO

Du design au développement, le rendu est celui voulu, et c'est vraiment très beau. On est ravis du projet. Côté dev pour - mise en place du design, Camille a été superbe de patience et de flexibilité pour s'assurer que j'obtienne, au pixel près, le résultat désiré. Chapeau Camille !

Jeff

Gérant

[...] Codelius a su répondre à ce besoin, en nous offrant des résultats rapides et propres. Lorsque nous avons eut des besoins un peu plus poussés, [...] ils ont su aller au-delà de la technologie pour créer une solution custom ! Ils sont restés présents et disponibles pour répondre à nos questions et nous aider à prendre en main le tout !

Grégoire G.

CEO

Camille est tellement forte que je ne vous la recommanderai pas je veux la garder pour moi tout seul ;p Super fluide, rapide et diablement efficace. Clairement au-dessus des mes attentes et brief parfaitement cerné avec finalement peu d'éléments. Une pépite !

Basptiste W.

CEO

Working with Camille was really easy. We used a Google Doc and WhatsApp and only needed one quick video call. I was very happy with the price and the quality of the site.

Chris Tyler

Founder

pourquoi ?
comment ?

Nous répondons à vos questions

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nous contacter

Êtes-vous des experts Webflow ?

Oui ! ✨

Camille, notre formatrice en chef, est certifiée experte Webflow depuis janvier 2022 🤩

Depuis, elle a continué de se mettre à jour avec les nouvelles meilleures pratiques pour être certaine de vous former au mieux.

Combien de personnes travailleront sur mon projet ?

Nous sommes plusieurs dans l'entreprise, et chacun a ses spécialités 👀

Nous choisirons qui sera en charge de votre projet en fonction des demandes que vous avez, mais dans tous les cas, vous ne serez jamais en contact avec plus de deux personnes, afin d'éviter la perte d'information et de temps 🙌

Evidement, si vous en faite la demande, vous pourrez rencontrer tous les rouages de la machine 🙊

Combien êtes-vous chez Codelius ?

Nous sommes actuellement deux ! Un couple d'entrepreneurs, unis par la volonté de faire au mieux chaque jour, mais aussi de devenir les meilleures versions de nous-mêmes.

Pendant vos projets, vous ne serez sûrement en relation qu'avec moi, la petite voix du site, aka Camille 😉 Geoffrey préfère rester dans l'ombre 🙊

‍

Est-ce que vous travaillez bien ?

Du mieux que nous le pouvons !

Nous avons à cœur de fournir de la qualité et des solutions facilement utilisables pour nos clients à terme 🙌

Combien de temps dure le développement ?

Le temps de développement dépend du projet que vous souhaitez mener (taille du site, fonctionnalités avancées ou non, application, etc), et des ressources que vous êtes en mesure de fournir (maquettes, images, logo, charte graphique, etc) ✨

Mais comme nous savons que "ça dépend" n'est pas une réponse satisfaisante, voici quelques pistes qui peuvent vous aider à cerner la durée de votre projet ✌️

  • Projet de site internet avec maquettes déjà faite par un designer, animations d'arrivées simples : environ 15j de développement
  • Projet de site internet avec création des designs directement sur Webflow : environ 1 mois de design et développement
  • Application simple (compte client et quelques fonctionnalités) avec maquettes déjà faites par un designer : environ 2 mois de développement
  • Application complexe (compte client et nombreuses fonctionnalités) avec maquettes déjà faites par un designer : environ 4 mois de développement
  • Application simple et complexe avec création des designs directement sur Webflow : entre 4 et 6 mois de développement

La meilleure manière de savoir combien de temps durera votre projet est de nous contacter pour nous expliquer tout ça  et ça se passe par ici ! 👇

‍