Site Web Responsive avec Webflow (tutoriel en français)
Вставка
- Опубліковано 5 жов 2024
- ◼️ Dans cette vidéo, je vais vous montrer comment transformer n'importe quelle page Web en une page responsive avec Webflow - et cela, en un temps record! Si vous débutez avec Webflow ou si vous cherchez à perfectionner vos compétences en design responsive, cette vidéo est faite pour vous.
Au programme :
Introduction au Responsive Design : Les principes de base pour comprendre comment Webflow gère le responsive.
Démo Pratique : Je vous guide à travers chaque étape pour rendre votre page parfaitement adaptative sur différents appareils.
Astuces et Conseils : Des astuces pour accélérer le processus et éviter les erreurs courantes.
◼️ Projet avant responsive: webflow.com/ma...
◼️ Projet après responsive: webflow.com/ma...
Vous commencez avec webflow?
C'est par ici: webflow.partne...
(ceci est un lien affilié, cela m'aide à continuer à faire des vidéos de qualité sur webflow!)
👉 Lien vers la liste d'attente de ma formation:
rivia-academie...
Si vous appréciez le contenu que je crée et que vous trouvez mes tutoriels et conseils sur Webflow utiles, n'hésitez pas à me soutenir en m'offrant un café ou en faisant une petite donation. Merci à tous!
☕️ www.buymeacoff...
Merci à tous d'avoir regarder cette vidéo et à bientôt !
👨💻 Vous avez besoins d'un site web? www.rivia.studio/
🚀 Rendez vous pour un appel d'introduction: calendly.com/r...
🎥 Outils:
Camera: amzn.to/3LrInqD
Micro: amzn.to/3qT2p62
RGB: amzn.to/45uMsSB
Softbox: amzn.to/3sB8BQM
🚀 Vous avez un projet de site, une question ou une idée de collaboration ?
Contactez-moi ici: forms.fillout....
N'oubliez pas de vous abonner pour plus de contenu sur la technologie et la programmation, et partagez vos pensées et vos progrès dans les commentaires ci-dessous !
Salut Ritch, je me demandais si faire le responsive pour les plus grands écrans (1920px) était nécessaire ?
Salut Théo ! Oui, c'est mieux. Mais ça va généralement assez vite ! Il suffit juste d'agrandir certains éléments et s'assurer que tout fonctionne bien
@@ritchriviaOk super, merci Ritch
merci pour sait astuce
Merci à toi!
J'ai un gros décalage entre ce que je vois sur le designer et ce que je vois sur les appareils respectifs (tablette, tel', ordi).
Ah bon! Tu as réussi à fixer cela?
Bonsoir ! Merci pour cette vidéo.
Pour ma part, lorsque je clique sur l'icon téléphone pour voir le responsive, eh bien rien n'est responsive.
La barre de navigation avec le menu reste sur toute la longueur sans même se transformer en bouton de menu. Je dois donc scroller vers la droite pour avoir tous les éléments graphiques sur la page.
Je ne comprends vraiment pas comment adapter ça pour que le menu devienne un bouton tout seul..
Si tu as une explication pour ça, ça serait top !
Merci
Salut ! Est-ce que ta barre de navigation est bien un élément 'Nav Bar' ? Sinon, je te conseille d'utiliser une librairie Webflow et de choisir une barre de navigation préconçue. Tu pourras ensuite modifier le style selon tes besoins ! Cela te garantira directement une barre de navigation responsive et simplifiera le processus, je pense !
Effectivement ma nav bar c'était un Div d'où le non responsive.@@ritchrivia
Pour que mon tous les éléments de mon site soit responsive, il n'y a pas un paramètrage particulier à sélectionner dans la div qui contient tous tes éléments ? (Page wrapper)
Merci beaucoup pour ta réponse :)
Dommage que le variable n'accepte pas le %.
C'est vrai ! À mon avis, ça devrait arriver.