comme toujours, video au top avec explications très claires même si on pense bien connaitre les propriétés en question, encore merci infiniment pour tout ce que vous apportez.
Il y a aussi le futur CSS Grid Masonry qui va permettre de créer des sortes de grilles flexibles sur une dimension, comme l'affichage que l'on a sur Pinterest.
Le grid est puissant par sa nature multidirectionnelles mais un peu complexe je pense qu'il faut l'utiliser à des positions complexes et quand on veut gérer toutes les directions (Verticale et horizontale), le Flexbox est très intéressant et facile à mettre en place quand on travaille sur des positionnements simple à une seule direction soit vertical ou horizontal jamais les deux à la fois, pour Float personnellement j'ai pas eu à l'utiser sur des positionnements complexes juste je m'en sers peut être positionner un élément enfant de type inline à droit ou à gauche de son parent mais l'utiser dans des trucs comme la navBar, la Sidebar ou des blocks je ne trouve pas nécessaire. Merci pour cette vidéo Cher Jonathan
Bonjour et merci pour cette approche comparative. Ce que j'ai retenu est que c'est en fonction de qui décide (parent ou enfant) que le choix technique est fait. Philippe P.
Cé bon lé gars g trouvé la technique, mettez tout en position absolute et mettez un breakpoint pour chaque pixels (seulement 2000 breakpoints suffisent pour généralement) pour avoir un contrôle total sur ce que vous faites 😎
Tu peux complètement. Par exemple tu va avoir le gros de la découpe de tes div en grid, et un de ses enfants peut parfaitement être en flex à l’intérieur pour des raisons de simplicités.
salut @grafikart, j'ai une idée de vidéo. Serait-ce possible de faire une vidéo sur comment tu stylises les (liste) ? Comme tu le sais, pas moyen à l'heure actuelle de changer cela en CSS (car défini par l'OS). L' équipe de Chrome et celle d'Edge sont en train de travailler sur un élément similaire, le qui sera entièrement stylisable. En attendant, comment t'en sors-tu pour styliser les ? J'ai vu des solutions en ligne, mais en 300 ou 400 lignes de code, CSS + JS. Merci 💚
Bonsoir monsieur le grand formateur merci beaucoup pour vos formations qui sont très très bien explique .je voulais juste vous demande si vous pouvez nous aider à réaliser un tutoriel sur les applications multi platforms comment réaliser ses gerre d’applications .le jour où vous serai libre encore une fois merci vraiment
Salut très bonne vidéo. Pour ta caméra ça serait sympa je pense de la mettre comme tu faisais sur tes lives, en rond (border-radius: 50%; 😉). Parce que la elle cache du texte à certains moments
C'est une erreur de dire aux devs front de faire leur flex, grid layout eux-mêmes. Les gabarits de pages web sont essentiels et trop importants pour les laisser à l'appréciation des devs front. Dans les fait, les devs font n'importe quoi avec ces valeurs css et les gabarits, au lieu d'être standardisés pour tous les projets de l'entreprise, ils sont mal fait. Privilégiez plutôt un gabarit fair pour tous les projets de la boite fondés sur un fork de bootstrap par ex. les grilles (12 pour le desktop) sont très biens faites. Les éléments de page ainsi que les pages elles-mêmes seront harmonisés et standardisés. JB
super video dommage de te voir pendant toute la video j aimais bien avant quand tu disparaissait au bout de 15secondes c'est plus clair ça rend mieux a limage
Cela dépend des vidéos, là vu qu'on est plus dans le format "présentation" je préfère laisser l'image pour avoir du mouvement plutôt que des longues images fixes. Pour les cas où il y a plus de code ça ne changera pas ;)
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
Comme d'habitude, extrêmement clair et précis ! Merci beaucoup pour ton altruisme
Merci Grafikart. Vous avez le talent technique et pédagogique.
Ce format de vidéo est juste Magnifique 🎉 j’aime trop merci
comme toujours, video au top avec explications très claires même si on pense bien connaitre les propriétés en question, encore merci infiniment pour tout ce que vous apportez.
J'ajoute immédiatement cette vidéo à mes favoris !
MERCI pour l'initiative 💜
Mangaflix est un bon cas d'utilisation du display grid :D
Au top ! T'es le meilleur Grafikart merci pour ce que tu fais pour la communauté !
Là c'est pas possible je vais croire que t'es un cyborg à force... Hallucinant de fournir autant de contenu qualitatif + bosser en même temps O_O
Toujours aussi intéressant, merciii pour tout ton temps consacré
🙏 Merci beaucoup pour les éclaircissements. Toujours au top 👌
Grafikart, la machine à tuto !
Merci ;)
Excellente vidéo comme d'habitude. Merci!
yes ohhh
Merci Grafikart, c'est super clair
Il y a aussi le futur CSS Grid Masonry qui va permettre de créer des sortes de grilles flexibles sur une dimension, comme l'affichage que l'on a sur Pinterest.
Le grid est puissant par sa nature multidirectionnelles mais un peu complexe je pense qu'il faut l'utiliser à des positions complexes et quand on veut gérer toutes les directions (Verticale et horizontale), le Flexbox est très intéressant et facile à mettre en place quand on travaille sur des positionnements simple à une seule direction soit vertical ou horizontal jamais les deux à la fois, pour Float personnellement j'ai pas eu à l'utiser sur des positionnements complexes juste je m'en sers peut être positionner un élément enfant de type inline à droit ou à gauche de son parent mais l'utiser dans des trucs comme la navBar, la Sidebar ou des blocks je ne trouve pas nécessaire.
Merci pour cette vidéo Cher Jonathan
Oh très bonne manière de voir les choses (le côté 2 dimensions). Je le réutiliserais pour expliquer ça la prochaine fois qu'on me demandera.
Vraiment au top comme explication :)
Bonjour et merci pour cette approche comparative. Ce que j'ai retenu est que c'est en fonction de qui décide (parent ou enfant) que le choix technique est fait. Philippe P.
Cé bon lé gars g trouvé la technique, mettez tout en position absolute et mettez un breakpoint pour chaque pixels (seulement 2000 breakpoints suffisent pour généralement) pour avoir un contrôle total sur ce que vous faites 😎
Merci pout la technique 👍🤭 une solution rapide et peu chronophage 👍
😂
7:19 pourquoi width est calc(25% - 30px /4)? et pas seulemnt 25% - 10px?
Car ti tu as 3 colonnes tu as 3 espaces de 10px entre les colonnes, donc tu as 30px que tu dois distribuer dans 4 colonnes
Super cours ^^
Merci pour ce REX intéressant et pratique
Merci frère. Good job
Bonjour simple question peut on intégré du grid et le flexbox.. ensemble et dans quel contexte.
Tu peux complètement. Par exemple tu va avoir le gros de la découpe de tes div en grid, et un de ses enfants peut parfaitement être en flex à l’intérieur pour des raisons de simplicités.
Merci pour cette vidéo, je commence tout juste et j'aimerais savoir s'il est possible de faire des menus déroulants avec Grid ?
Le grid c’est pour du positionnement. Pour du menu déroulant je le fais en js
@@Maxxamandemerci beaucoup pour l'information
bonjour si possible je voudrais avoir un cours sur la création du backoffice d'un site e-Commerce svp
salut @grafikart, j'ai une idée de vidéo. Serait-ce possible de faire une vidéo sur comment tu stylises les (liste) ? Comme tu le sais, pas moyen à l'heure actuelle de changer cela en CSS (car défini par l'OS). L' équipe de Chrome et celle d'Edge sont en train de travailler sur un élément similaire, le qui sera entièrement stylisable. En attendant, comment t'en sors-tu pour styliser les ? J'ai vu des solutions en ligne, mais en 300 ou 400 lignes de code, CSS + JS. Merci 💚
Mrc bcp❤️🤲
Bonsoir monsieur le grand formateur merci beaucoup pour vos formations qui sont très très bien explique .je voulais juste vous demande si vous pouvez nous aider à réaliser un tutoriel sur les applications multi platforms comment réaliser ses gerre d’applications .le jour où vous serai libre encore une fois merci vraiment
Elle est jolie ta cuisine, plus que les zones des slides qui n'ont pas été affiché :P. Kappa Kappa
Float flex ou grid ? Floaexgrid est la solution !
Hyper bien expliqué pour l'instant j'utilise les flexbox je trouve les grids un peu casse tête.
C’est vrai que c’est casse tête mais c’est super puissant pour des design complexes
@@command_maker6 effectivement
Salut très bonne vidéo. Pour ta caméra ça serait sympa je pense de la mettre comme tu faisais sur tes lives, en rond (border-radius: 50%; 😉). Parce que la elle cache du texte à certains moments
Ah c'est une bonne remarque, je ferais ça la prochaine fois que j'ai une webcam pendant les présentation.
jusqu’à combien un bon développeur indépendant peut gagner ?
Il n'y a pas de chiffre, cela dépend de son temps de travail et ce quel est son activité.
Merci
Merci ! Je vais arrêter de mettre du flex partout haha
Restons flexible : )
Je veux échanger avec vous svp
Il y a le formulaire de contact sur le site pour cela ou le tchat grafikart.fr/tchat
C'est une erreur de dire aux devs front de faire leur flex, grid layout eux-mêmes. Les gabarits de pages web sont essentiels et trop importants pour les laisser à l'appréciation des devs front. Dans les fait, les devs font n'importe quoi avec ces valeurs css et les gabarits, au lieu d'être standardisés pour tous les projets de l'entreprise, ils sont mal fait. Privilégiez plutôt un gabarit fair pour tous les projets de la boite fondés sur un fork de bootstrap par ex. les grilles (12 pour le desktop) sont très biens faites. Les éléments de page ainsi que les pages elles-mêmes seront harmonisés et standardisés. JB
super video dommage de te voir pendant toute la video j aimais bien avant quand tu disparaissait au bout de 15secondes c'est plus clair ça rend mieux a limage
Cela dépend des vidéos, là vu qu'on est plus dans le format "présentation" je préfère laisser l'image pour avoir du mouvement plutôt que des longues images fixes. Pour les cas où il y a plus de code ça ne changera pas ;)
merci
Merci
Merci