Bon courage, et n'hésite pas à pratiquer les grilles dans des exemples de page pour comprendre comment cela fonctionne 👍 ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ◾ MERCI DE TON SOUTIEN ! 🔻 ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙 ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA ◾ Site web : jasonchampagne.fr ◾ Discord : discord.me/jasonchampagne ◾ Twitch : www.twitch.tv/jachampagne ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne ◾ Twitter : twitter.com/jachampagne8 ◾ Facebook : facebook.com/jachampagne8 ◾ Instagram : instagram.com/jachampagne8 ◾ Snapchat : www.snapchat.com/add/jachampagne8 ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Ma technique d'apprentissage est entre autres : Se focaliser sur qu'une seule personne ou une seule plateforme, ne pas voir d'ici et là, en l'occurrence c'est la votre parce que vous avez tout simplement l'art de bien dispenser vos connaissances envers nous les bénéficiaires. Merci de tout cœur M. Jason Par ailleurs, J'avoue que j'ai pas bien assimilé les deux séances de cours à savoir, Flexbox et Grid
Disons qu'au départ, il est préférable de ne pas (trop) s'éparpiller, au risque de passer son temps à s'interroger sur quoi faire, plutôt que de faire 😉
J'ai reçu un travail de création d'un site web justement après avoir terminé le cours alors je ne sais pas comment tarifier la personne ou établir un plan d'action. Voudriez vous m'aider ?
Tant mieux alors :) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour et merci pour les tutos. Pour information la propriété place-content ne comporte pas de slash entre align-content et justify-content. Et donc c'est bien pris en charge par Firefox. Idem pour place-items et place-self.
Salut, pour les propriétés qui ne sont pas connues par d'autres navigateurs, on peut générer un css préfixé avec un outil en ligne : autoprefixer css. il faut juste copier coller son code css sur la partie gauche . Dans Filter, on peut choisir les versions des navigateurs que l'on souhaite tester et un click sur Apply, le code sera généré à gauche et on le récupère.
Oui, le temps qu'elles soient bien prises en charge partout. Quoi que, avec les différents moteurs Web, on continuera d'utiliser les préfixes pour pas mal de propriétés CSS. +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour Jason, Après avoir mis en évidence les différentes parties du site avec grid-template-areas est-ce qu'il est possible de faire de chaque partie un container pour pourvoir appliquer le flexbox?
Bonjour, c'est un peu le cas normalement. Tu définis dans ton aire de grille des éléments HTML structurants (ex : header, section, nav, ...) qui font office de conteneur pour ta page web 👍
De rien :) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Salut Jason, je suis totalement perdu avec les tuto 23 et 24, je ne comprend plus rien à la structure du html. Typiquement, je veux faire un menu de navigation simple avec 4 images qui chacune redirigent vers un lien. Le problème c'est que ducoup je ne sais pas si je dois utiliser la balise puis faire une grid ou bien . Merci pour tout ce que tu fais !
Car ducoup en regardant ce qui se fait sur certain site de jeux en ligne (comme Wolfy par exemple) Il n'y a que des balises , aucun header, aucun nav rien 🤯
C'est simple justement : utilise toujours de préférence les balises structurantes si le contexte s'y prête ( , , , , , , ...). Sinon, utilise la balise générique . Dans ton cas précis, comme tu veux faire un menu de navigation, tu utiliseras logiquement oui 👍
Des conteneurs pour quoi ? Si ce sont pour des parties isolées de la page, on fait cela avec flexbox, les grilles étant précisément utilisés pour la mise en page globale (gabarit)
@@formation-video Un conteneur pour une flexbox réservée au Menu et un deuxième conteneur pour le corps de la page avec tout les éléments par exemple, ou ne faut il faire qu’un seul conteneur avec grid de plusieurs lignes
Merci pour cette vidéo, très bien expliqué. Le terme de grid, me rappelait la grid de Bootstrap, mais finalement c''est bien différent^^' En tout cas, c'est super pratique o.o'. Bientôt la fin du html u.u ^^"
De rien, et oui bientôt la fin du cours mais il y aura encore plein d'autres vidéos dans la playlist des tutoriels, et des exercices à venir aussi pour mettre en pratique tout le cours. +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Super ta vidéo, je ne l'ai pas terminé car je prends plein de note pour m'y repérer et aussi y revenir dessus, mais j’apprécie ce que j'ai déjà pu voir.
D'accord, bon visionnage pour la suite !✌ +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
@@formation-video Merci pour l'attention !! J'ai une dernière question, j'ai déjà regardé un peu partout et les réponses que j'ai trouvé ne me satisfassent pas. Et j'ai même vu celles qu'offraient une de tes vidéos mais rien : je n'arrive toujours pas à savoir à quel moment je devrais utiliser la balise " section " et à quel moment je devrais utiliser la balise " main ".
La balise va être pour le contenu principal (ta page), là où sera une...section de la page, tu peux en avoir plusieurs. Le main contiendra donc éventuellement plusieurs sections, ou des parties dans des "aside", etc. Ce qui est dans est le contenu unique de ta page (donc, pas le menu de navigation ou tout élément que l'on retrouve identique sur d'autres pages 👍
Bonjour, Boostrap est une framework CSS qui permet d'utiliser des classes déjà toutes faites pour produire un design plus rapidement. Flexbox par contre, est une technique d'organisation flexible d'éléments. Ce sont donc deux choses différentes, et Bootstrap dans son code, utilise à certains endroits flexbox ;) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Salut, désolé de te spamer de questions depuis quelques jours 😅. C'est juste que je suis très curieux. A 37min57 dis dis creer un site en 2 colonnes, Dans l'element grid-template-areas tu fais comme ceci: "Entete entete" "Principal lateral" "Pied pied" Est ce que ça aurait marché pareil si tu avais ecris "entete" une seul fois?
@@formation-video est ce que c'est possible de t'envoyer des code source de petits projets sur lesquels on bosse pour recevoir des conseil et iu critique?
salut ,je voudrais s'avoir si on etait obligé de tout apprendre par coeur d'un coup ou on pouvait juste comprendre le fonctionnement et les apprendre a force des les utiliser sinon merci pour ton travaille gigantesque t'es au top!!
Bonjour, évidemment que tu n'as pas besoin de tout apprendre par cœur, et que beaucoup de choses ne seront assimilées qu'avec de la pratique et de l'application dans des cas concrets 😉
De rien ;) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Coucou, si tu as bien écouté dans les vidéos, je dis clairement que flexbox et grid doivent s'utiliser ensemble, et que l'un ne remplace pas l'autre ;) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Bonne soirée :) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
J'ai dû passer une heure à régler un conflit avec flexbox (j'ai toutes les séances sur deux fichiers, un HTML et un CSS), il suffisait de faire un petit reset 😂
Je sais pas pourquoi moi ça marche pas au niveau de grid-template-areas j'ai refais ça depuis 1h et quelques minutes j'ai la tete qui chauffe ça m'enerve ça
@@formation-video Oui vraiment un gros merci à vous je viens de terminer la dernière vidéo de cours...j'aimerais savoir si je peux être en contact avec vous sur discord je n'y arrive pas. Avez-vous un compte Insta svp ?
Tu ne chômes pas ;) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
D'accord, bon rétablissement quand même :) +---------------------------------------------------------------------------------------------------------------------------------------------+ |- Jason CHAMPAGNE - jasonchampagne.fr +---------------------------------------------------------------------------------------------------------------------------------------------+ |- COUCOU, TU VEUX : |--- Nous rejoindre sur Discord ? discord.me/jasonchampagne |--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne |--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne |--- Me follow sur Twitter ? twitter.com/jachampagne8 |--- Liker la page Facebook ? facebook.com/jachampagne8 |--- Me follow sur Insta ? instagram.com/jachampagne8 |--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8 +---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour jason merci une autre fois pour cette excellente vde explicative c'est génial mais juste pour information les les met propriétés place fonctionne mais en mettant un espace pas un < / > thnak you ,,,
Tu parles des balises en HTML ? Si c'est le cas, il ne faut pas mettre d'espace ni de / avant le chevron fermant : pastebin.com/LyYED3fN ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ◾ MERCI DE TON SOUTIEN ! 🔻 ◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙 ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA ◾ Site web : jasonchampagne.fr ◾ Discord : discord.me/jasonchampagne ◾ Twitch : www.twitch.tv/jachampagne ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne ◾ Twitter : twitter.com/jachampagne8 ◾ Facebook : facebook.com/jachampagne8 ◾ Instagram : instagram.com/jachampagne8 ◾ Snapchat : www.snapchat.com/add/jachampagne8 ◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
@@formation-video non jason il parle de la meta propriété exemple: pour place-content on fait comme suit: place-content: center center; ET non pas place-content: center / center;
Ce n'est pourtant pas ce que j'ai expliqué dans les deux vidéos. J'ai bien indiqué que chacun a une utilisé différente, est que la "bonne" méthode est de les utiliser ensemble, même si grid a encore besoin de temps pour être bien pris en charge sur tous les navigateurs. ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 💙 Si ce n'est pas encore fait, n'hésite pas à t'abonner à la chaîne ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ◾ Soutenir FormationVidéo : bit.ly/2L0xNXA ◾ Site web : jasonchampagne.fr ◾ Discord : discord.me/jasonchampagne ◾ Twitch : www.twitch.tv/jachampagne ◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne ◾ Twitter : twitter.com/jachampagne8 ◾ Facebook : facebook.com/jachampagne8 ◾ Instagram : instagram.com/jachampagne8 ◾ Snapchat : www.snapchat.com/add/jachampagne8
C'est tout simplement la meilleur série de tuto sur le css que j'ai vue. Un grand merci et une bonne continuation.
👍
la leçon la plus difficile je suis essoufflé 🤣🤣 encore merci pour tout ❤️
Bon courage, et n'hésite pas à pratiquer les grilles dans des exemples de page pour comprendre comment cela fonctionne 👍
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Ma technique d'apprentissage est entre autres : Se focaliser sur qu'une seule personne ou une seule plateforme, ne pas voir d'ici et là, en l'occurrence c'est la votre parce que vous avez tout simplement l'art de bien dispenser vos connaissances envers nous les bénéficiaires. Merci de tout cœur M. Jason
Par ailleurs, J'avoue que j'ai pas bien assimilé les deux séances de cours à savoir, Flexbox et Grid
Disons qu'au départ, il est préférable de ne pas (trop) s'éparpiller, au risque de passer son temps à s'interroger sur quoi faire, plutôt que de faire 😉
Ouf! je ne comprends pas.
@@formation-video
Je disais que tu as raison pour commencer de ne pas trop t'éparpiller 👍
Merci je comprends maintenant@@formation-video
J'ai reçu un travail de création d'un site web justement après avoir terminé le cours alors je ne sais pas comment tarifier la personne ou établir un plan d'action. Voudriez vous m'aider ?
la simplicité de tes explications est impressionnantes. Excellent pédagogue. Merci à toi et longue vie
Je t'en prie 😉
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Un grand merci ! vous êtes très pédagogue. Je regrette juste de ne pas être tombée sur vos vidéos avant, cela m’aurait fait gagner du temps!
Je t'en prie, bon courage pour la suite de ton apprentissage 👋
Enfin ça fait longtemps que je l’attendais 😻
Tant mieux alors :)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour et merci pour les tutos. Pour information la propriété place-content ne comporte pas de slash entre align-content et justify-content. Et donc c'est bien pris en charge par Firefox. Idem pour place-items et place-self.
Ah oui en effet, merci d'avoir relevé, je ne vois pas pourquoi j 'ai voulu mettre des espaces ici 👍😉
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
🤯La puissance ce cette fonction!!! Merci
Je t'en prie
Vous ete l'homme de la precision😁!
Merci
Super clair et explications top merci merci!!
De rien 👍
Salut, pour les propriétés qui ne sont pas connues par d'autres navigateurs, on peut générer un css préfixé avec un outil en ligne : autoprefixer css. il faut juste copier coller son code css sur la partie gauche . Dans Filter, on peut choisir les versions des navigateurs que l'on souhaite tester et un click sur Apply, le code sera généré à gauche et on le récupère.
Oui, le temps qu'elles soient bien prises en charge partout. Quoi que, avec les différents moteurs Web, on continuera d'utiliser les préfixes pour pas mal de propriétés CSS.
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
meric infinement, t'es le meilleur ❤
😊
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
I realize I am pretty randomly asking but does anyone know of a good place to watch newly released tv shows online?
Bonjour Jason,
Après avoir mis en évidence les différentes parties du site avec grid-template-areas est-ce qu'il est possible de faire de chaque partie un container pour pourvoir appliquer le flexbox?
Bonjour, c'est un peu le cas normalement. Tu définis dans ton aire de grille des éléments HTML structurants (ex : header, section, nav, ...) qui font office de conteneur pour ta page web 👍
@@formation-video merci, tu l'avais évoqué à la fin de la vidéo sur les grilles
Oui 👍
Merciiii !! 😄😄😄
De rien :)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Salut Jason, je suis totalement perdu avec les tuto 23 et 24, je ne comprend plus rien à la structure du html.
Typiquement, je veux faire un menu de navigation simple avec 4 images qui chacune redirigent vers un lien. Le problème c'est que ducoup je ne sais pas si je dois utiliser la balise puis faire une grid ou bien .
Merci pour tout ce que tu fais !
Car ducoup en regardant ce qui se fait sur certain site de jeux en ligne (comme Wolfy par exemple)
Il n'y a que des balises , aucun header, aucun nav rien
🤯
C'est simple justement : utilise toujours de préférence les balises structurantes si le contexte s'y prête ( , , , , , , ...). Sinon, utilise la balise générique .
Dans ton cas précis, comme tu veux faire un menu de navigation, tu utiliseras logiquement oui 👍
@@formation-video Ok ça marche, merci pour l'aide, continue ce que tu fais c'est incroyable, merci pour tes travaux
Bonne continuation =)
Merci infiniment pour cette excellente formation.
De rien, bon visionnage 👋
Merci infiniment !
Très longue explication plutôt complexe dans la pratique :)
Peut-on créer plusieurs container ? :)
Des conteneurs pour quoi ? Si ce sont pour des parties isolées de la page, on fait cela avec flexbox, les grilles étant précisément utilisés pour la mise en page globale (gabarit)
@@formation-video Un conteneur pour une flexbox réservée au Menu et un deuxième conteneur pour le corps de la page avec tout les éléments par exemple, ou ne faut il faire qu’un seul conteneur avec grid de plusieurs lignes
Tout ça tu peux le faire avec grid. Et ensuite, si tu veux par exemple gérer la disposition dans le menu précisément, tu pourras le faire avec flexbox
@@formation-video d’accord une utilisation combiné en fait :)
Exactement, les deux sont complémentaires
Super !
BOnsoir Jason
J'ose esperer que tu vas bien a titre suggestif peux aborder la question du parallax sur des pages web ?
Merci d 'avance.
Bonsoir, pourquoi pas dans un tutoriel 👍
@@formation-video merci je galere a trouver une ressource explicite en francais
Bonjour. Merci pour la vidéo. J'aurai une question: Pour quelqu'un qui maîtrise Grid, quel est l'intérêt de Flexbox? Cordialement.
Bonjour, la réponse est donnée dans les vidéos : grid et flexbox sont complémentaires et leur usage répond à des besoins bien distincts 👍
Merci pour cette vidéo, très bien expliqué. Le terme de grid, me rappelait la grid de Bootstrap, mais finalement c''est bien différent^^' En tout cas, c'est super pratique o.o'.
Bientôt la fin du html u.u ^^"
De rien, et oui bientôt la fin du cours mais il y aura encore plein d'autres vidéos dans la playlist des tutoriels, et des exercices à venir aussi pour mettre en pratique tout le cours.
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
la fin du HTML je ne te suis pas mon cher :o(
Super ta vidéo, je ne l'ai pas terminé car je prends plein de note pour m'y repérer et aussi y revenir dessus, mais j’apprécie ce que j'ai déjà pu voir.
D'accord, bon visionnage pour la suite !✌
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
BOnsoir Jason
envisages tu realiser une video sur subgrid ou les scroll animations en css ?
Bonsoir, pourquoi pas un jour
Bonjour Jason, si je te suis, alors la dive footer doit se mettre dans le body ?
Oui, et éventuellement au sein d'un autre élément conteneur (ex : section)
@@formation-video Merci pour l'attention !! J'ai une dernière question, j'ai déjà regardé un peu partout et les réponses que j'ai trouvé ne me satisfassent pas. Et j'ai même vu celles qu'offraient une de tes vidéos mais rien : je n'arrive toujours pas à savoir à quel moment je devrais utiliser la balise " section " et à quel moment je devrais utiliser la balise " main ".
La balise va être pour le contenu principal (ta page), là où sera une...section de la page, tu peux en avoir plusieurs. Le main contiendra donc éventuellement plusieurs sections, ou des parties dans des "aside", etc.
Ce qui est dans est le contenu unique de ta page (donc, pas le menu de navigation ou tout élément que l'on retrouve identique sur d'autres pages 👍
@@formation-video C'est nettement plus claire là. Merci !
@@ozirisfashion3861 De rien, bonne journée
Salut. Qu'est-ce que tu en penses de bootstrap vs flexbox?
Bonjour, Boostrap est une framework CSS qui permet d'utiliser des classes déjà toutes faites pour produire un design plus rapidement. Flexbox par contre, est une technique d'organisation flexible d'éléments. Ce sont donc deux choses différentes, et Bootstrap dans son code, utilise à certains endroits flexbox ;)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
FormationVidéo Thx👍
Wow ^^
Bonjour , est-ce que tu connais le centre de formation Ifocop? Est-ce que t'as un avis sur ce centre?
Salut, désolé de te spamer de questions depuis quelques jours 😅. C'est juste que je suis très curieux.
A 37min57 dis dis creer un site en 2 colonnes,
Dans l'element grid-template-areas tu fais comme ceci:
"Entete entete"
"Principal lateral"
"Pied pied"
Est ce que ça aurait marché pareil si tu avais ecris "entete" une seul fois?
Non car cela ne ferait qu'une colonne pour l'entête 👍
@@formation-video est ce que c'est possible de t'envoyer des code source de petits projets sur lesquels on bosse pour recevoir des conseil et iu critique?
Oui si tu veux, sur Discord par exemple : discord.me/jasonchampagne
@@formation-video d'accord pas de soucis j'y ferai un tours
salut ,je voudrais s'avoir si on etait obligé de tout apprendre par coeur d'un coup ou on pouvait juste comprendre le fonctionnement et les apprendre a force des les utiliser sinon merci pour ton travaille gigantesque t'es au top!!
Bonjour, évidemment que tu n'as pas besoin de tout apprendre par cœur, et que beaucoup de choses ne seront assimilées qu'avec de la pratique et de l'application dans des cas concrets 😉
@@formation-video merci pour la réponse !
Merci Beaucoup
De rien 👋
Merci :)
De rien ;)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Salut Naoki remerci encore une fois au faite si je maitrise Grid pourrai-je me passer de Flexbox
Coucou, si tu as bien écouté dans les vidéos, je dis clairement que flexbox et grid doivent s'utiliser ensemble, et que l'un ne remplace pas l'autre ;)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Ok c'est noté merci
Bonne soirée :)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour FormationVidéo et merci pour ce tuto clair,
j'ai juste constaté un problème. Lorsque j'ajoute une
N'hésite pas à partager le code avec pastebin pour plus de lisibilité 👍
J'ai dû passer une heure à régler un conflit avec flexbox (j'ai toutes les séances sur deux fichiers, un HTML et un CSS), il suffisait de faire un petit reset 😂
Bon courage
Je sais pas pourquoi moi ça marche pas au niveau de grid-template-areas j'ai refais ça depuis 1h et quelques minutes j'ai la tete qui chauffe ça m'enerve ça
Je vois que c'est bon d'après ton autre commentaire 👍
@@formation-video Oui vraiment un gros merci à vous je viens de terminer la dernière vidéo de cours...j'aimerais savoir si je peux être en contact avec vous sur discord je n'y arrive pas. Avez-vous un compte Insta svp ?
Plutôt sur Discord : jasonchampagne.fr/me-contacter
Merci
Tu ne chômes pas ;)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
J'ai la grippe et je n'arrive pas à dormir. J'en profite pour apprendre. Merci infiniment pour toutes tes videos.
D'accord, bon rétablissement quand même :)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Bonjour jason merci une autre fois pour cette excellente vde explicative c'est génial mais juste pour information les les met propriétés place fonctionne mais en mettant un espace pas un < / >
thnak you ,,,
Tu parles des balises en HTML ? Si c'est le cas, il ne faut pas mettre d'espace ni de / avant le chevron fermant : pastebin.com/LyYED3fN
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
@@formation-video non jason il parle de la meta propriété exemple:
pour place-content on fait comme suit:
place-content: center center;
ET non pas place-content: center / center;
perso pour place-content sur firefox sans le "/" ca marche
👍
Au final, Flexbox ne sert plus a grand chose avec Grid !!!!
Ce n'est pourtant pas ce que j'ai expliqué dans les deux vidéos. J'ai bien indiqué que chacun a une utilisé différente, est que la "bonne" méthode est de les utiliser ensemble, même si grid a encore besoin de temps pour être bien pris en charge sur tous les navigateurs.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
💙 Si ce n'est pas encore fait, n'hésite pas à t'abonner à la chaîne
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
Je viens de réussir 😭
Super