Topic programmation

Avatar de l’utilisateur
Endo
Messages : 2986
Inscription : mar. avr. 28, 2020 9:25 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Endo »

Fait chier, je comprends pas pourquoi mes paramètres CSS de dimensions d'éléments fonctionnent nickel quand je les mets en px, mais sont totalement ignorés quand ils sont en %...

Bon, en attendant, vais retourner un peu sur la formation unity.
J'aime bien dire "salut les copains", ça fait ringard.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par miau »

Heisenberg a écrit : lun. avr. 13, 2020 4:15 am Fait chier, je comprends pas pourquoi mes paramètres CSS de dimensions d'éléments fonctionnent nickel quand je les mets en px, mais sont totalement ignorés quand ils sont en %...

Bon, en attendant, vais retourner un peu sur la formation unity.
Montre le code, je te dirai pourquoi ^^
Avatar de l’utilisateur
Endo
Messages : 2986
Inscription : mar. avr. 28, 2020 9:25 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Endo »

schizonaute a écrit : lun. avr. 13, 2020 11:25 am Montre le code, je te dirai pourquoi ^^
Ok, prof, comme tu peux le voir, j'ai vachement avancé depuis la dernière fois :roll: ...bon, j'ai surtout bossé sur unity durant ce temps, et avancé de ce côté là.

Je te colore la partie à problème en bleu, que ce soit plus lisible, les proportions que j'ai mises là sont pas faites pour être gardées, juste essayées voir ce que ça donne, et pour la balise <img>, ça fonctionne correctement. Les borders 1px black, je les garderai pas, c'est juste pour rendre le truc plus lisible quand je fais des essais.
<header>
<h1> RIPOSTE GRAPHIQUE </h1>
</header>
<div class="container">
<nav>
<ul>
<li> Planche1 </li>
<li> Planche2 </li>
<li> Planche3 </li>
<li> Planche4 </li>
</ul>
</nav>
<section>
<h1> Trois planches pour le prix d'une </h1>
<img src="Planche12a.png" alt="Planche1">
</section>
</div>

</body>
</html>
header {border: 1px solid black;}
h1 {text-align: center; font-size: 4em;}
.container { display: flex; flex}
nav {height: 100%; width: 20%; font-size : large; border: 1px solid black;}
li {list-style-type: none; height: 10%;}

section {margin: auto; margin-left: 170px; border: 1px solid black;}
section img {width : 80%;}
J'aime bien dire "salut les copains", ça fait ringard.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par miau »

Il y a un "flex" vide qui se balade dans ".container"..

Sur mon écran, le "nav" fait bien 20% de la largeur.

Et pour la hauteur des blocs en bleu, cela ne marche pas avec les pourcentages.... Car quand tu exprimes la hauteur en pourcentages, celle-ci est relative à celle du bloc parent. Comme les blocs parents n'ont pas de hauteur définie, alors erreur.

En gros, le PC te demande :

"Le nav doit faire 100% de hauteur, mais 100% de la hauteur de quoi ?"
"Le li doit faire 10% de hauteur, mais 10% de la hauteur de quoi ?"

Comme il ne sait pas, il se comporte par défaut (ou de manière indéterminée).

Pour les width ça fonctionne car le PC considère que chaque bloc fait par défaut 100% de la largeur de l'affichage. Donc si tu mets un bloc de X% de largeur dans un bloc de largeur non définie, ce dernier bloc fera 100% de largeur, et son enfant fera bien X%.

A contrario pour les height, si tu mets un bloc de X% de hauteur dans un bloc de hauteur non définie... Le PC ne comprendra pas.
Avatar de l’utilisateur
Endo
Messages : 2986
Inscription : mar. avr. 28, 2020 9:25 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Endo »

schizonaute a écrit : mar. avr. 14, 2020 11:21 am Il y a un "flex" vide qui se balade dans ".container"..

Sur mon écran, le "nav" fait bien 20% de la largeur.

Et pour la hauteur des blocs en bleu, cela ne marche pas avec les pourcentages.... Car quand tu exprimes la hauteur en pourcentages, celle-ci est relative à celle du bloc parent. Comme les blocs parents n'ont pas de hauteur définie, alors erreur.

En gros, le PC te demande :

"Le nav doit faire 100% de hauteur, mais 100% de la hauteur de quoi ?"
"Le li doit faire 10% de hauteur, mais 10% de la hauteur de quoi ?"

Comme il ne sait pas, il se comporte par défaut (ou de manière indéterminée).

Pour les width ça fonctionne car le PC considère que chaque bloc fait par défaut 100% de la largeur de l'affichage. Donc si tu mets un bloc de X% de largeur dans un bloc de largeur non définie, ce dernier bloc fera 100% de largeur, et son enfant fera bien X%.

A contrario pour les height, si tu mets un bloc de X% de hauteur dans un bloc de hauteur non définie... Le PC ne comprendra pas.
Bien vu pour le flex en trop, j'ai corrigé.

Le bloc parent de nav, c'est div container, si j'ai bien compris ? Je viens donc de lui attribuer une hauteur de 80% à son tour, par rapport à son parent à lui, qui il me semble, est bien body ? Et aucun changement. Ou alors, faudrait à un moment donné attribuer une dimension en pixels à un élément donné assez haut dans la hiérarchie, mais c'est problématique vu les différences de résolution d'un écran à l'autre, non ?

Comment on lui fait comprendre à partir de quoi le pourcentage est censé se baser ?

Et sur mon écran, la largeur du nav ne fait même pas 20%, ni de l'écran ni du div container, bien moins en fait...
J'aime bien dire "salut les copains", ça fait ringard.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par miau »

Heisenberg a écrit : mer. avr. 15, 2020 3:39 am Bien vu pour le flex en trop, j'ai corrigé.

Le bloc parent de nav, c'est div container, si j'ai bien compris ?
Oui c'est bien le parent du nav.
Je viens donc de lui attribuer une hauteur de 80% à son tour, par rapport à son parent à lui, qui il me semble, est bien body ? Et aucun changement. Ou alors, faudrait à un moment donné attribuer une dimension en pixels à un élément donné assez haut dans la hiérarchie
Comment on lui fait comprendre à partir de quoi le pourcentage est censé se baser ?
C'est ça, il faut attribuer une hauteur aux éléments supérieurs. Et donc à "html" et "body".

Si tu mets nav à 100%, div.container à 100% puis html, body à 1000px, alors nav fera 1000px de hauteur. Sachant qu'au dessus du nav il y a le titre.

Look le lien : https://codepen.io/miau_rauw/pen/mdeeOJa

html et body sont à 1000px, container à 80% (800 px) et nav à 50% (donc 400px), ul à 100% (400px), et les li à 10% (40px chacun)
mais c'est problématique vu les différences de résolution d'un écran à l'autre, non ?
Pour cette raison, on n'utilise pas les pourcentages de cette manière en pratique... Enfin disons que ce n'est pas recommandé.

Tu te souviens du code que je t'ai posté sur FB ?

https://codepen.io/miau_rauw/pen/jOPEvoJ

Tu peux partir de cette base, elle est "propre". Et pour les "li", il ne faut pas fixer de hauteur... Tu leur donnes juste un margin ou un padding, et leur hauteur s'adaptera automatiquement.
Et sur mon écran, la largeur du nav ne fait même pas 20%, ni de l'écran ni du div container, bien moins en fait...
Sur le 1er lien au dessus, ça fait bien 20% ?
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Topic programmation

Message par miau »

Geeks, apprentis codeurs et pros de la programmation, ce sujet est pour nous :ugeek:
Avatar de l’utilisateur
OnEstChezNous
Messages : 1676
Inscription : mer. avr. 08, 2020 5:33 pm

Re: Topic programmation

Message par OnEstChezNous »

Je regrette de pas avoir profité de mes 20's pour avoir appris la programmation et le codage.
Là avec mon syndrome parkinsonien ça risque d'être ultra-difficile, mes capacités d'apprentissage et de concentration, mon sens du détail et mon imagination sont amoindries. :\
J'ai vu la mort dans son plus simple appareil
Elle m'a promis des vacances
La mort m'a promis sa dernière danse
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: Topic programmation

Message par miau »

Mon 1er "vrai" langage de programmation fut le PHP, je trouve que c'est l'idéal pour les applications web... Malgré la notoriété du Java, Ruby, NodeJS et Python. Après j'avoue qu'il est un peu "brouillon", sorte de rafistolage.

Par sa complexité, sa profondeur, et le niveau de performance qu'il permet, mon préféré est le C++ bien que je ne le maîtrise pas totalement.

Du coup pour les débutants, je pense que le combo HTML/CSS/JS/PHP/MYSQL est top pour obtenir des résultats dont on peut être "fiers".
Et pour avoir une bonne base globale en programmation, commencer par le C.
Avatar de l’utilisateur
Endo
Messages : 2986
Inscription : mar. avr. 28, 2020 9:25 pm

Re: Topic programmation

Message par Endo »

schizonaute a écrit : mer. avr. 15, 2020 11:06 am C'est ça, il faut attribuer une hauteur aux éléments supérieurs. Et donc à "html" et "body".

Si tu mets nav à 100%, div.container à 100% puis html, body à 1000px, alors nav fera 1000px de hauteur. Sachant qu'au dessus du nav il y a le titre.

Look le lien : https://codepen.io/miau_rauw/pen/mdeeOJa

html et body sont à 1000px, container à 80% (800 px) et nav à 50% (donc 400px), ul à 100% (400px), et les li à 10% (40px chacun)
Pour cette raison, on n'utilise pas les pourcentages de cette manière en pratique... Enfin disons que ce n'est pas recommandé.

Tu te souviens du code que je t'ai posté sur FB ?

https://codepen.io/miau_rauw/pen/jOPEvoJ

Tu peux partir de cette base, elle est "propre". Et pour les "li", il ne faut pas fixer de hauteur... Tu leur donnes juste un margin ou un padding, et leur hauteur s'adaptera automatiquement.
Sur le 1er lien au dessus, ça fait bien 20% ?
Je te réponds ici, du coup, bon, juste en attribuant un 100% aux html et body, pas besoin d'attribuer de px, et après avoir tâtonné quelques trucs par ci par là, c'est bon, j'ai pu reprendre le contrôle du truc, merci prof ! :ugeek:

Prochaines étapes, centrer le titre de section correctement et créer des boutons cliquables, et donc les pages associées, mais pour ça, vais pouvoir me débrouiller, dès que mes capacités seront rechargées de nouveau. ^^
J'aime bien dire "salut les copains", ça fait ringard.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: Topic programmation

Message par miau »

De rien !

Pour l'image tu peux la centrer soit en lui mettant :

display : inline;
text-align : center;

Soit tu le display en "block" avec un margin: auto;

En tout cas en CSS il est important de connaître les différences entre les blocks, inline, inline-block etc...
Avatar de l’utilisateur
Endo
Messages : 2986
Inscription : mar. avr. 28, 2020 9:25 pm

Re: Topic programmation

Message par Endo »

J'ai corrigé, je parlais du titre de section, mais ouais, je connais les blocs/inline, display, align, et tout ça, faudra juste que je retourne sur le cours pour bien re-mémoriser tout ça. ^^
J'aime bien dire "salut les copains", ça fait ringard.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: Topic programmation

Message par miau »

D'ac, le texte du titre tu peux le center avec un petit

Code : Tout sélectionner

h1 { text-align: center; }
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: Topic programmation

Message par miau »

Aujourd'hui j'essaie d'achever un plugin pour le président d'une asso... Afin de permettre à ses visiteurs d'insérer des annonces sur le site que je lui ai fait.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: Topic programmation

Message par miau »

Hier j'ai achevé le front office des annonces, et là j'ai codé le back office (relativement modeste : juste activer, désactiver, supprimer des annonces, et modifier des champs)...

Un conseil pour les codeurs : utilisez le format JSON pour certains champs, plutôt que créer des colonnes dans une BDD de type MySQL

En plus c'est utile pour le sharding, cf cet exemple de pininterest (qui est un gros site) : https://medium.com/pinterest-engineerin ... 341e96ca6f
Avatar de l’utilisateur
Tictac
Messages : 988
Inscription : mer. avr. 22, 2020 11:44 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Tictac »

Ce mois si je pense que je vais m'acheter la switch, j'ai vu le frère du chef otaku y jouer en direct et ça ma donné envie, avec les mario, je pourrais faire des vidéos dessus avec un boitier spécial sur youtube, ça va peux être me redonner gout au jeux vidéo.

C'est la qu'elle que je dois acheter pour jouer sur grand écran? genre l'écran de mon pc

Putin je vois que la version normal sur amazon coute 445 euros, ils ce foutent de ma gueule? ça trou le cul c'est cher
Dernière modification par Tictac le mar. mai 05, 2020 8:15 pm, modifié 2 fois.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par miau »

Tictac a écrit : mar. mai 05, 2020 7:38 pm Ce mois si je pense que je vais m'acheter la switch, j'ai vu le frère du chef otaku y jouer en direct et ça ma donné envie, avec les mario, je pourrais faire des vidéos dessus avec un boitier spécial sur youtube, ça va peux être me redonner gout au jeux vidéo.

C'est la qu'elle que je dois acheter pour jouer sur grand écran? genre l'écran de mon pc

Putin je vois que la version normal sur amazon coute 445 euros, ils ce foutent de ma gueule? ça trou le cul c'est cher
essaie de prendre smash si tu peux, on se fera des parties :oui:

les pro qui font des tournois, c'est leur métier lol
j'ai regardé sur youtube, le jeu est super technique en fait...

445 ? j'ai dû l'avoir vers 270, et il y a 1 ou 2 ans...
Avatar de l’utilisateur
Tictac
Messages : 988
Inscription : mer. avr. 22, 2020 11:44 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Tictac »

Du coup j'ai acheté la version light jaune, et je pourrais enregistrer mes parties en live à la webcam et au micro, j'espère que le wifi va marcher sinon je pourrais toujours aller la carrer dans le cul d'un rinocéros.

Sinon une fois j'ai éclaté des verres dans ma piole, entre temps j'ai assez bien lavé le bordel, mais mon connard de chien vient dans ma piole juste pour dénicher les petit bout de verre restant et les bouffer.

A l'instant je voulais le sortir de sous le lit et j'ai galeré parce qu'il c'est mis à me mordre, heureusement qu'il y va pas hyper fort.

Ce coker est le chien le plus casse pied que j'ai jamais eu, insupportable, il fait que des conneries en permanence.
Avatar de l’utilisateur
miau
Messages : 5703
Inscription : mer. avr. 08, 2020 5:20 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par miau »

Tictac a écrit : mar. mai 05, 2020 11:17 pm Du coup j'ai acheté la version light jaune, et je pourrais enregistrer mes parties en live à la webcam et au micro, j'espère que le wifi va marcher sinon je pourrais toujours aller la carrer dans le cul d'un rinocéros.

Sinon une fois j'ai éclaté des verres dans ma piole, entre temps j'ai assez bien lavé le bordel, mais mon connard de chien vient dans ma piole juste pour dénicher les petit bout de verre restant et les bouffer.

A l'instant je voulais le sortir de sous le lit et j'ai galeré parce qu'il c'est mis à me mordre, heureusement qu'il y va pas hyper fort.

Ce coker est le chien le plus casse pied que j'ai jamais eu, insupportable, il fait que des conneries en permanence.
qu'est ce que tu as pris comme jeux ?

dommage que tu l'aies achetée pendant le confinement (car c'est plus cher depuis qu'il y a le corona)
Avatar de l’utilisateur
Tictac
Messages : 988
Inscription : mer. avr. 22, 2020 11:44 pm

Re: [Topic blabla] Comment ça va aujourd'hui ?

Message par Tictac »

schizonaute a écrit : mar. mai 05, 2020 11:21 pm qu'est ce que tu as pris comme jeux ?

dommage que tu l'aies achetée pendant le confinement (car c'est plus cher depuis qu'il y a le corona)
Je verrais pour les jeux quand je l'aurai entre les mains, je vais les prendre en dématérialisé, c'est trop relou de les acheter en version physique et d'attendre les livraison, c'est long, je l'aurai le 14, en plus j'ai la fibre et la wifi aussi donc ça devrait aller.
Répondre