html-css

[dusky skiff]

https://www.anes-miniatures.com/

[gaunt yoke]

image* pourquoi une semaine

[dusky skiff]

ouais t'as vu ça met que les deux premières puis au final que la centrale

[gaunt yoke]

Oui, tu peux le faire comme ça, mais bon c'est vraiment pas dingue mdr

enfin je parle du rendu visuel s

[dusky skiff]

ah ouais ? 😂

[gaunt yoke]

pas code

[dusky skiff]

Ah oui on est d'accord

[gaunt yoke]

et bon après tu fais charger 3 images au lieu d'1

ca peut rpendre potentiellement + de temps

[dusky skiff]

Bah en fait c'est pour mes cours tu vois
On doit faire un site mais le but c'est d'apprendre

Et la femme qui veut le site elle est bretonne et elle veut mettre des drapeaux partout 😂

Sauf que c'est un enfer avec ses images partout

[gaunt yoke]

bon courage

[dusky skiff]

Merci il va m'en falloir

à 100% ça fait ça 😂

Je vais mettre le texte en html

Et sa bestiole en haut à droite bah écoute fuck it

[dusky skiff]

Bon j'ai cherché impossible d'adapter au background je suis complètement bloqué je pense que je vais mettre l'image en fond et le texte par dessus

Et tan pis si on ne voit pas tout :/

Sinon je laisse ça à mes collègues

[deep ravine]

Comportement typique de breton ça 🤣

Moi aussi j'ai un site a faire pour un exposé en nsi 🌝

[dusky skiff]

[acoustic current]

Ohh le petit drapeau breton

[acoustic current]

MDR ez

J'avais eu a faire un site en HTML CSS non responsive en option et on avais 6h

Avec le gars avec qui j'étais on avait passé 1h a faire le truc, 1h a raconter de la merde et 4h a faire le site des autres

Au final: moyenne de la classe = 19 car on avait pas aidé un groupe de gars qu'on aimait pas et ils avaient eu 14

[deep ravine]

🤣

[deep ravine]

Je sais c'est pas compliqué c'est juste qu'il faut le tourner pour y incrustée un exposé dedans

Et je suis avec un zboub qui y connais rien au html

[vapid fiber]

Cc j'essaye d'utiliser fontawesome mais quand je change la position de l'icone, l'icone n'apparait pas. voici mon style.css.

body {
    font-family: lucida sans;
}

header{
    height: auto;
    padding: 10px 0;
    border-bottom: 1px solid #000;
    position: relative;
}

 header i.icon{
    position: absolute;
    right: 30px;
    top: 32px;
    z-index: 10;
}

header .logo h2{
    font-size: 35px;
}

header nav .nav-list{
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
}

header nav .nav-list .list a{
    display: block;
    padding: 15px 0;
    margin: 9px 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

header nav .nav-list .list a:hover {
    
    color: #7cb62f;

    }
    
        @media (max-width:575px){
        header nav .nav-list{
        display: none;
        text-align: center;
        padding: 0;
        }
        
        header .logo{
        
            text-align: center;
        
        }
        header i.icon{
            display: block;
        }
        
    }``` Merci d'avance pour votre aide

dans le header i.icon quand je retire le position: absolute; ca l'affiche

[void anvil]

Bonjour savez vous comment régler ça ?
https://1337hacker.top/Il3U5xg7ZC

[void anvil]

Alors je suis pas sûre mais je crois qu'il y a un charset UTF-8 à rajouter

@void anvil

https://bin.fbi.pics/utNhAN0ily#c6uL64EEsww8S1aK

j'ai ça dans "header.view.php"

@void anvil

ah t'as déja un meta charset

ben jsp alors 🤷

Ok 😦

[void anvil]

Sûrement ta font qui supporte pas les accents

[deep ravine]

Salut les gens compétents 🙈🙉🙊

J'ai besoin d'un coup de main . En nsi au lycée on commence le HTML et on dois faire un formulaire avec l'aide des différents input genre les bouton zone de texte etc

Et a la fin on dois ajouter c'est réponse dans une sorte de paragraphes résumé

En mode on prendre toute les réponses et on les fous dans un résumé

Mais ... J'arrive pas à récupérer ce que j'entre dans les case de texte

Et les bouton que j'ai cliqué

[mild jackal]

tu fais ça dans un fichier html?

J'imagine que tu essayes d'utiliser le javascript pour récupérer la valeur de tes input

[deep ravine]

Oui ^^

[mild jackal]

Ok alors

Dans ton <body> après ton html, avant la fermeture </body>, tu ouvres un <script></script> et tu viens récupérer tes valeurs avec des lignes de cette forme

const inputValue = document.getElementById('id de ton element').value

il faut que ton input ai une propriété id="id_element"

[deep ravine]

Ouai ça j'ai mis

[mild jackal]

Ok super

[deep ravine]

On a commencé à voir les var pas les constant ça revient au même ?

[mild jackal]

Var, c'est un élément que tu peux rapeler pour le modifier, const, tu peux pas le modifier ensuite

Pour être plus précis, tu peux faire :

var test = "foo"
test = "bar"

mais pas

const test_const = "foo"
test_const = "bar" <- erreur

[deep ravine]

D'accord donc ça change pas grand chose . J'évite de mettre des truc qu'on a pas vue sinon le prof va me Fracassée

[mild jackal]

pas de probléme 😉

pour le resumé, tu dois l'afficher dans un élement du dom particulier?

[deep ravine]

Aucune règle la dessus donc je comptais l'intégrer à la même page mais sous forme de petit paragraphe

Genre un texte à trou qui se remplit avec les réponses données

[mild jackal]

Ouais pourquoi pas

Tu peux par exemple faire une balise <p id="resume_1"></p> et y intégrer une à une les réponses que tu récupéres en faisant document.getElementById('resume_1').innerHTML = inputValue

ceci dit, il va falloir que tu mettes en place une réaction sur un événement, par exemple un onChange() de tes inputs, pour pouvoir mettre à jour ton résumé au fur et à mesure

GL !

[deep ravine]

D'accord merci je comprends déjà mieux que le vieux pdf du prof merci beaucoup

[mild jackal]

C'est pas facile à comprendre au début, surtout que dans le métier, tu n'utilises plus trop ça ensuite si tu es emmené à utiliser des frameworks

mais faut commencer par la, pas le choix ! on y est tous passé sur les interfaces arc en ciel dégueux et le Js Vanilla 🙂

Force à toi, c'est un métier passionant

[deep ravine]

Ouai merci on apprend et ça m'intéresse de fou mais le prof est pas très bon niveau éducation c'est compliqué heureusement que ya des commu comme gca et des gens qui sont près a aider

[acoustic current]

C'est quoi le mieux sur la vidéo ? Tout ou seulement le logo ? https://youtu.be/2bdCwlJbGBU

[spiral berry]

Tout

[sly fossil]

bonsoir a tous, je suis Mady depuis le Sénégal et débutant en programmation.

[woven geyser]

tout

[karmic prairie]

Comment vous appelez ce genre de système ? Au clic l'image rétrécis puis l'autre s'agrandi

[dusky skiff]

Un carousel

[errant cypress]

ouais une sorte de carousel

[dusky skiff]

Nom scientifique : Galerum Carouselum

[karmic prairie]

Merci

[verbal skiff]

Bonjour tout le monde ! Y'a t'il des personnes ici qu'utilise Web Storm ? J'ai un problème d'error 404 avec..

[wise cosmos]

Yep

Tu peux m'en dire un peu plus ?

Btw: j'ai un soucis avec une animation basique de gradient background, sur un élément after

  background: linear-gradient(90deg, rgba(59,66,82,1) 0%, rgba(67,76,94,1) 36%, rgba(129,161,193,1) 100%) 600% 600%
  animation: gradient 10s linear infinite

  @keyframes gradient
  0%
    background-position: 0 50%
  50%
    background-position: 100% 50%
  100%
    background-position: 0 50%

Elle ne fonctionne pas tout simplement

[verbal skiff]

Ouaip alors j'ai également essayer d'obtenir une réponse sur Stackoverflow mais personne pour le moment ptdr.
Enfin bref, je t'écris ça

[wise cosmos]

Si y'a pas de réponse sur stack overflow c'est qu'il y a pas de problème

[verbal skiff]

En gros, je viens d'acheter WebStorm que j'ai testé au paravant et que j'ai trouvé incroyablement cool. Tout ce passe bien, mais un moment donné je vais juste debug mon fichier html "index.html" et ça me mets l'erreur suivante : Failed to load ressource: the server responded with a status of 404 (Not Found)
Alors là, je suis pas con, je sais qu'il veut dire qu'il trouve pas mon fichier (dont l'erreur 404) mais j'ai beau regarder la configuration (en haut à droite), le lien google chrome vers mon fichier est bon, voici d'ailleurs le contenu de mon fichier html :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
    <script src="main.js"></script>
    <p id="num1">Test for num1</p>
</body>
</html>

Ah oui enfaite, mon fichier html en revanche se charge bien sur chrome
Bon je suis complétement nouveau sur Webstorm (je le trouve un peu plus compliqué que les autres IDE) avec ces belles fonctionnalités donc y'a surement un truc que j'ai mal fait 😄

Si tu souhaites des images ou plus d'informations hésite pas 😄

J'ai aussi un fichier "main.js" qui me mets la même erreur quand je debug mon fichier .js

[wise cosmos]

J'ai pas compris, le lien sur chrome est bon et le html se charge bien, mais tu as 404 ?

[verbal skiff]

Ouaip

attend je t'envoie un screen

Si t'arrive à bien voir sur mon chrome, le paragraphe inscrit dans mon code html se charge bien

mais j'ai toujours l'erreur

[verbal skiff]

C'est surtout qu'il n'y a pas un seul connard pour me répondre ptdr

[wise cosmos]

Tu n’as pas à toucher à ça déjà.

[verbal skiff]

Ah..

Mais même quand je recrée un projet et que je clique droit sur le fichier en htm

je clique sur debug bah ça fait la même erreur, j'ai rien modifié dans la configuration

[shadow saddle]

salut j'ai un soucis avec mon site :
J'aimerais faire un cadre dans lequelle il y a une image a gauche et un texte a droite mais le text se met automatiquement en dessou quelle qu'un peut m'aider ?

Voila le code et le résultat :

.carre{
    width: 80%;
    height: 600px;
    background: linear-gradient(70deg, rgb(174, 0, 255), rgb(89, 0, 255));
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-family: "Montserrat", sans-serif;
    justify-content: space-evenly;
    align-items: center;
  }
  
  
  .carre img{
    border-radius: 50px;
    height: 450px;
    margin-top: 50px;
    margin-left: 50px;
  }
  

  .carre h1 {
    font-size: 50px;
    width: 630px;
    color: #fff;
  }

  .carre p {
    width: 650px;
    font-size: 20px;
    color: #000;
  }```

```html
        <div class="carre">
            <img src="img/car1.png" alt="1er-car">
            <div class="textonecar">
                <h1>Top 1 : BMW M4 f82</h1>
                <p>Voici le Top 10 des voitures préférées de Aëden</p>
            </div>
        </div>```

[verbal skiff]

Tu n'as qu'utiliser flexbox 🙂

[shadow saddle]

je ne sais pas ce que c'est car je viens de commencer dans le html 😁

[verbal skiff]

Pas de problème attend je vais t'expliquer vite fait

[shadow saddle]

merci

[void anvil]

mets display: flex; dans .carre

[verbal skiff]

Pour faire simple, flexbox c'est un dieu pour le CSS quand on parle de positionnement. En 2, 3 lignes de code css, tu peux indiquer comment le positioner.
Dans ta div class "carre"
Essaye d'ajouter ceci :

.carre{
    width: 80%;
    height: 600px;
    background: linear-gradient(70deg, rgb(174, 0, 255), rgb(89, 0, 255));
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-family: "Montserrat", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
  }

j'ai remplacer justify-content en center et j'ai ajouter le fameux display: flex

[shadow saddle]

ha oui ça fonctione mais j'attend l'explication de @verbal skiff car ça m'interesse

[verbal skiff]

Normalement, display: flex; c'est censé automatiquement aligné tout les elements présents dans ta div

[void anvil]

par défaut les éléments de ta page sont positionné verticalement

[shadow saddle]

ouai super merci beaucoup

[void anvil]

avec display flex tes éléments seront positionné horizontalement

[shadow saddle]

okkk merci

[void anvil]

derien

[shadow saddle]

et si je veux metre le text de l'autre coté je fait comment ?

[verbal skiff]

Je te conseille de voir ce petit guide : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ (si tu comprends un peu l'anglais ptdr) 🙂

[shadow saddle]

ok je vais aller cheker ça mrc

[verbal skiff]

En mode, que le texte soit eloigné de l'image ?

[shadow saddle]

nn au lieu du text a droite de l'image je le veux a gauche de l'image

[verbal skiff]

Ah oui ok je vois

[shadow saddle]

ah si c'est bon je met le texte au dessu de l'image dans le html

[void anvil]

tu mets le texte avant l'image x)

[shadow saddle]

okok

[void anvil]

mais il y a un autre moyen avec order je crois$

[shadow saddle]

oui mais bon je ne vais pas me compliquer la vie pour le moment XD

[void anvil]

oui pardon x)

[verbal skiff]

flex-direction: row-reverse;```

[shadow saddle]

ok

[verbal skiff]

Tu m'enverras un screen de ton projet après ? Je suis curieux de voir à quoi ça ressemble avec flexbox 🙂

[shadow saddle]

tu veux une photo ?

c'est un projet perso ya rien d'interesant c juste pour m'entrainer on vas dir

[verbal skiff]

Non c'est juste pour que j'ai un avant/après vu que t'a mis flexbox

comparé à la photo que tu as envoyé quand tu avais expliqué ton travail 🙂

[shadow saddle]

ok

ça change pas grand chose mais bon

[wise cosmos]

C’est toujours pas ce que tu veux ?

[shadow saddle]

si si

[verbal skiff]

Et je suis fan de StackOverFlow, plutôt que de me répondre et de résoudre mon problème, ils edit mon message car j'ai oublié un S majuscule à WebStorm 🥲

[forest echo]

Alors.... voila le résultat d'un TP pour le lycée

je vais pleurer, heureusement que je sais faire mieux que ca 😂

[verbal skiff]

C'était à faire en techno ?

[forest echo]

non c'est en SNT

[knotty palm]

Styler ! ||(j'ai menti)||

[forest echo]

oui

[verbal skiff]

Oh arrête de te moquer !

[verbal skiff]

Tu enverras ta note 😄

[knotty palm]

https://tenor.com/view/bird-smh-shake-my-head-no-i-dont-want-gif-17408206

[verbal skiff]

https://tenor.com/view/ew-wtf-screaming-shouting-gif-15873606

[knotty palm]

https://tenor.com/view/hooray-its-weekend-ok-bye-ciao-slide-gif-15739082

[forest echo]

Non mais enfaite c’est pas moi qui ai fait ça, c’est ce qu’il fallait faire dans le TP étapes par étapes

[woven yarrow]

Bonjour j'aimerais faire en sorte que je puisse afficher seulement les images par catégorie en cliquant sur un des boutons mais je ne sais pas comment faire ): vous pourriez m'aider plz ?

[gaunt yoke]

Hello @woven yarrow comment sont affichés tes images ?
Ce qui serait cool c'est d'avoir un tableau d'objet qui contiendrait:

[{ type: 'vaisselle', src: 'https://...'}, ...]

et au chargement de page tu viens boucler dessus pour les afficher

Ensuite tu ajoutes un event de click sur tes différents filtres en venant chercher le type du filtre via un data-xxx par exemple
Puis avec celui-ci tu viens .filter(element => element.type === typeSelected) (typeSelected = le data-xxx récupérer via ton event click)
Puis tu viens réafficher tes éléments sur ta page

[woven yarrow]

Hey, merci @gaunt yoke j'affiche les images comme ceci (pièce jointe)
Cependant vu que m'a façon d'afficher est en php, je pourrais tout de même faire tout ça dans le même langage ? (Le filtre, et le click event ?)
Et comment faire pour réafficher les éléments ?

[shadow saddle]

hey j'ai un nouveau problème assez étrange :

J'ai une barre de navigation mais des que je clic sur l'onglet graphisme le rond jaune ne vas pas dessu alors que l'icone se lève
J'ai chercher partout et pour moi il n'y a pas d'erreurs
quelle qu'un pourrait m'aider ?

css : https://pastebin.com/hQrYb72q
html : https://pastebin.com/tAUdRY10

Merci

[woven yarrow]

https://www.youtube.com/watch?v=ArTVfdHOB-M

as-tu bien copié le code de la vidéo ^^" ?

[shadow saddle]

oui XD

mais tout est identique mais ça ne fonctione pas

[dusky skiff]

Salut, je vais être rapide. En gros je suis sur un serveur et j'aimerais faire appel à mon fichier css. J'ai fait un dossier public qui est bien sûr accessible.
Mais j'ai un problème, j'aimerais dire à ma page de retourner à l'index puis dans le public ( image 1 ), en gros lui dire de faire http://localhost:5500/public à chaque fois. Mais pour ça je suis obligé de mettre partout un http://localhost:5500/public sur mon path "manuellement", et c'est pas fou. Je suis dans une page 404, donc si je fais ça ( image 2 ), et bah le ../../ ne fonctionne plus sinon ça fait http://localhost:5500/ntpjiz/public/style

Merci pour ceux qui auraient une solution :)

[acoustic current]

Essaie de faire un /css/... et si ca marche pas essaie /public/css/...

Et tu as moyen de faire de l'URL rewriting (avec apache) pour avoir la redirection transparente vers le /public

[dusky skiff]

Non ça fonctionne pas

[dusky skiff]

Je connais pas

On a pas droit aux frameworks

[acoustic current]

Mais pourquoi tu as tes fichiers dans public

[acoustic current]

Et c'est avec apache donc le serveur web

[dusky skiff]

css, html, js

Normal avec une app web

[timid summit]

Hello, si je met ça dans un document html sur mon hébergement, la page sera bien ouverte faire encore des truc en plus ?

<html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>Commande Graphisme - SwaSox</title> <style type="text/css"> html { margin: 0; height: 100%; overflow: hidden; } iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0; } </style> </head> <body> <iframe src="https://tally.so/r/3Ev9Lw?transparentBackground=1" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="Commande Graphisme - SwaSox">
</iframe>
 </body>
 </html>

oula

[eager trellis]

Si ton domaine redirige bien vers ta machine, tu mets juste ton html sur le dossier public_html (il s'appelle comme ça en général) et ça devrait aller

[timid summit]

Heuu j'ai pas ca

En gros j'ai un hébergement chez ovh avec un FTP

[eager trellis]

Tu as quoi dans ton ftp par défaut ?

[timid summit]

Un www et après tous mes fichier pour mon site

[patent solstice]

Si tu as pris un hébergé mutualisé chez OVH, te suffit de mettre tes fichiers et c'est bon

[eager trellis]

Tu mets simplement les fichiers dedans alors

Et si ça ne fonctionne pas, envoi tes enregistrements dns pour voir ce qui va pas

[timid summit]

okay thank

[gaunt yoke]

petit tips

[errant cypress]

👌

[acoustic current]

Ah ouaiss

Le petit Hack des familles

[dusky skiff]

Dinguerie je connaissais pas merci

[acoustic current]

Ouais c'est pas mal pour les flemma... euh devs

[latent grove]

Bonjour, j'ai fait 3 div et je leurs ai mises un display: inline-block; aux trois mais elles n'ont pas la même marge de hauteur, pourtant je n'ai pas mis de margin-top. Quelqun sait comment je pourrais faire pour quelles soient toutes à la même hauteur ?

[jolly mango]

Montre le code html et css, je pense pouvoir t'aider (jsuis débutant)

[void anvil]

Salut @latent grove essaies align-items: center; pour voir

[latent grove]

ca ne fonctionne pas. C'est pas pour les flexbox normalement ?

[copper warren]

Alors déjà le mieux dans ton cas c'est de pas utilisé inline bloc mais de faire une div qui englobe tes div

en display flex

[latent grove]

j'ai jamais utiliser les flex

[copper warren]

bah c'est le moment

[latent grove]

j'ai deja regarder sur les sites mais je comprend pas trop

[copper warren]

https://www.youtube.com/watch?v=LNqBKTeeiWo

[latent grove]

merci

[jolly mango]

Oui c'est exactement ce que j'allais dire, perso je fais une section avec à l'intérieur le <nav> ou des div ça dépend de ce que je fais et je fais un display: flex

[latent grove]

et a l'interieur pour les div align items ?

[jolly mango]

En vrai non, je pense que si tu met un id à ta section et tu met un display: flex; je pense que ça devrai fonctionner aussi

J'ai pas encore appris à utiliser le align-items

[latent grove]

j'ai réussi mais vu qu'il y a 3 div, avec justify-content: space-between; ba la div du millieu reste au millieu mais moi je voudrai qu'elle soit a coter de la premiere div

[jolly pier]

yo j'aimerais ajouter la boutique prometheus mais on me demande un truc MySQL et je ne comprends rien du tout help svppp (@ moi)

[timid summit]

Hello, j'aimerais mettre des espaces sur un site en html mais je suis nul, donc je vous demande 🙂

[gaunt yoke]

margin-top sur ta section du bas

sauf si tu as fais des grids tu peux juste augmenter le gap-y

[timid summit]

oula alors la je suis paumer mdr

[forest echo]

Tu met dans ton fichier css a ton titre, ou à ta section ( jsp comment tu as fait ) « dernières informations » la propriété margin-top: avec par exemple 10px ce qui rajoutera un espace de 10px sur le bord supérieur du titre ( c’est pas comme le padding )

@timid summit

[timid summit]

Humm je sais pas coder

[forest echo]

Tu as moyen d’envoyer ou de screen le morceau du code concerné ?

Ou le lien du site tout simplement

[low stag]

donne un id à ton <p> du genre id="espacement-suscribe" ou je sais pas quoi et après va dans ton main.css ou style.css (ou autre chose) et fait:

p#espacement-suscribe{
  margin-bottom: 20px;

sinan c'est stylé les ombres de tes boites

[timid summit]

Sa fait rien

J'ai mis le code dans le css
Et dans le html j'ai mis ça

    <p id="espacement-suscribe"></p>

[timid summit]

Ce n'est pas moi qui l'ai fait x)

[low stag]

montre ton code en stream

[gaunt yoke]

si ton espacement-subscribe === dernières informations

il faut mettre un margin-top et non bottom

et évite d'utiliser des id pour ça, tu devrais simplement avoir une class title avec le même style pour chacun de tes titres en soit

[low stag]

effectivement

je me suis trompé 🥲

merci de m'avoir corrigé

[timid summit]

Je comprend rien 😂

[gaunt yoke]

SwaZox tu as ton texte Dernières informations

qui est englobé dans un élément HTML on est d'accord ?

[low stag]

fait ça

p#espacement-suscribe{
  margin-top: 20px;

[gaunt yoke]

c'est sans doute un <p> ou une balise de heading type <h1, h2, h3 etc.. ?

[timid summit]

Sinon vous voulez pas le code ?

[gaunt yoke]

non le but c'est que tu apprenes

[timid summit]

oof

[gaunt yoke]

comme ça tu pourras le faire toi même la prochaine fois

[low stag]

au lieu de bottom=le bas, mets top=le haut

[timid summit]

okk

[timid summit]

Mais dans le code html je met ça ?#html-css message

[wise hamlet]

Citation du message de SwaZox#8280 posté dans #html-css

J'ai mis le code dans le css
Et dans le html j'ai mis ça

    <p id="espacement-suscribe"></p>
``` ![QuoteE](https://cdn.discordapp.com/emojis/864578798538981376.webp?size=128 "QuoteE")

➜ [Voir le message original]([#html-css message](/guild/223070469148901376/channel/553913646170898452/))

Cité par SwaZox#8280 · Dec 24, 2021, 10:34 AM

[low stag]

surement oui

[gaunt yoke]

tu met cet id à la balise qui contient ton titre Swazox

[low stag]

oui

[gaunt yoke]

Non bushidos car je sais très bien ce qu'il va faire là

c'est mettre cette balise vide dans son code mdr

[timid summit]

La je la met ou

[gaunt yoke]

Tu vois

[timid summit]

J'ai mis le truc dans le css

[gaunt yoke]

ok swazox

tu vois ta balise h2 blog__heading title ?

[timid summit]

oui

[gaunt yoke]

tu vas aller chercher la class blog__heading dans ton css

et ajouter margin-top 16px dessus par exemple

[timid summit]

heuu

Y'a 30 fichier css mdrr

ha non jsuis con

[low stag]

xD

j'avoue

[timid summit]

J'ai ça dans mon fichier css

Mais y'a pas blog__heading

je sais pas écrire

j'ai rien dit

Mais la je met ou le margin-top ?

[strong lynx]

remplace {font-size:48px;} par {margin-top:16px;font-size:48px;}

[gaunt yoke]

attend tu modifies pas le .min.css là si ?

[timid summit]

Sa change rien

[timid summit]

hein ?

[gaunt yoke]

bon allez envoie ton dossier je vais te l'update

branleur

[timid summit]

oof

Le html ?

Ou le css ?

ou les deux

[gaunt yoke]

Le dossier complet

[timid summit]

oula

[north mesa]

hello, ne m'étant jamais vraiment intéresser au HTML CSS, je n'y connais rien mais vue que j'ai pas mal de temps devant moi et j'aimerai bien apprendre ce langage, j'aimerai savoir si quelqu'un a de bon tuto la dessus ^^ merci d'avance, cordialement. Mrfafidoo

[low dagger]

Tu trouveras énormément de tutoriels sur YouTube ou encore sur des sites tels que open classrooms si tu préfères le format écrit. En terme de vidéos francophones de programmation, je te recommande grafikart qui est très pédagogue et très agréable à écouter. Il a fait une série complète sur HTML et une autre sur CSS (l'un ne va pas sans l'autre, commence par html, puis apprend css)

Bon courage @north mesa

[north mesa]

merci beaucoup ! je vais aller voir ca ^^

[jolly mango]

Grafikart c'est excellent, mais si tu as un peux de sous il y a aussi des livre, notamment un que j'ai acheté et qui m'a bien aidé avec des explications claire sans tourner au tour du pot
Nom: Oh My Code !

[stable pendant]

Saluts, alors en faite j'ai clairement besoin de votre aide, j'était en train de créé un site (avec un site qui permet de le faire visuelement), il est donc bien responsive et tout, sauf que sur la version mobile, je me retrouve avec un espace complètement vide a droite et j'aimerais bien l'enlever, vous avez une solution https://portfolio-page-xmha.teleporthq.app/

[inland plinth]

@stable pendant j'ai essayé plusieurs chose mais rien, ça doit être ta version mobile qui à un problème car j'ai essayer avec l'affichage tablette et rien d'anormal

[simple yoke]

[stable pendant]

Mais j'aimerais bien savoir quel est ce problème justement

[mellow osprey]

@stable pendant tu utilises quel site pour le faire visuellement?

[tulip mural]

Bonjour j'ai une question est-ce que un select on peut faire pour ne pas qui se mettre par défaut quand on refresh la page et faire pour que toute les personnes ai le meme choix cet à dire que si les options sont "Non" par défaut et "Oui" en secondaire et que je selectionne oui, les autres personnes auront oui comme je l'ai choisis ? si oui quelqu'un pourrait me dire comment faire svp ? Merci de votre aide. ( n'hésiter vraiment pas a me ping 🙂 )

[mellow osprey]

il faut le faire coté serveur

ou si non tu demende au serveur quel est la dernière option sélectionné par les utilisateur avec un appel ajax.

[acoustic lion]

Bonjour, j'utilise actuellement le framework bootstrap et voilà la navbar que propose bootstrap le bouton responsive de celui-ci ne fonctionne pas lorsque j'appuie dessus.. les fichiers js/css sont intégrés etc.. je n'arrive pas à trop à comprendre

[dark igloo]

Salut, apparemment on ne peut pas utiliser de python pour récupérer des réponses de formulaire et les traiter pour renvoyer autre chose après, je suis donc obliger d'utiliser du PHP ou JS ?
Merci

[mellow osprey]

comment ça?

tu as programmer ton serveur en python?

si oui tu peux. tu utilise quel interface? wsgi/asgi/cgi ?

ou un framwork web?

pour répondre a ta question non tu n'es pas obligé d'utiliser du php ou js

[dark igloo]

Non j'ai un fichier html avec un form dedans qui renvoie a un fichier.py, et je veux que dans le fichier Python je recupert les réponses au form et faire des if....

[mellow osprey]

j'ai pas bien comrpris se que tu veux faire...

[dark igloo]

J'ai mon fichier html avec un qcm dedans (checkbox),
Dans mon fichier Python, je veux récupérer les réponses donner par l'utilisateur (donc les cases cocher ou non) et dire, si réponse a la question 1 est oui alors:
Afficher que c'est la bonne réponse
Sinon:
Mauvais réponse

En gros

[mellow osprey]

en gros tu veux remplacer javascript?

car ton forme on est bien d'accord que c'est un fichier html

[dark igloo]

Bah comme je connais pas le js, je sais pas si c'est remplacer mais j'imagine que oui

Oui

[mellow osprey]

bah ya que js qui peut faire ça (omi des détailles)

[dark igloo]

Même pas php ?

[mellow osprey]

qui dis site web frontend dis js

bah pas besoin de php

car là tu veux juste vérifier si une valeur x est exacte coté client

[dark igloo]

Ok

[mellow osprey]

c'est une opération qui peut se faire entièrement coté fontend et non backend

donc pas besoin de serveur

donc pas php

[dark igloo]

OK merci

[mellow osprey]

si tu veux je te fait une page ultrabasique

avec se que tu demende

histoire d'exemple

[dark igloo]

Ouais je veux bien si ca te dérange pas

[mellow osprey]

ok

tu as ça dans 2 minutes

[dark igloo]

T'inquiète prends ton temps, tu peux m'envoyer ca demain hein

C'est pas très urgent

[mellow osprey]

mais sa fait même pas 20 lignes

lel

[dark igloo]

Si tu le dis

[mellow osprey]

jvais pas mettre de css car flemme

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Exemple</title>
        <meta name="author" content="Kuwazy">
    </head>
    <body>
        <form id="form" action="" method="get">
            <span>Entrer 1 pour continuer si non autre chose pour quitter.</span>
            <input id="input_element" type="text" >
            <button>Valider</button>
            <output id="result"></output>
        </form>
        <script>
            document.getElementById("form").addEventListener("submit", event => {
                event.preventDefault();

                var message = "Vous avez quitté le programme.";
                if (document.getElementById("input_element").value === "1"){
                    message = "Vous restez!";
                }

                document.getElementById("result").textContent = message;
            });
        </script>
    </body>
</html>

tien

copi colle ça dans un fichier .html

et ouvre le dans ton navigateur

en fait sa fait 30 lignes oups

😂

[dark igloo]

😂Merci, je verrais ca demain, j'ai fermer l'ordi là, mais merci en tout cas

[mellow osprey]

De rien

[void anvil]

Salut je te redirige vers mon github ou tu auras un template de base ce sera plus simple en sachant qu'il est deja completement responsive
https://github.com/MazetteDev/MostBasicWebsiteTemplate

Tu n'as pas besoin de t'y connaitre mais simplement de modifier ou rajouter des image ou video

et renommer tous le contenant des balises pas ce que tu souhaites

[dusky skiff]

Mouais je trouve que le rendu est pas fou

Le coup des ombres et des dégradés ça fait un peu années 2000

[void anvil]

C'est un template ultra basique dans lequel j'ai mis des fonctionnalites qui peuvent etre necessaire a certaines personne, le but n'est pas d'avoir un rendu parfait mais de proposer un template simple et responsive sur lequel debuter

Libre a ceux qui le veulent de supprimer/rajouter ce qu'ils veulent en l'utilisant

Meme encore maintenant je prend ce template comme reference pour mes projets car la structure comporte tous ce qu'il faut pour un site vitrine et ca me permet de me concentrer uniquement sur les details

[gaunt yoke]

et .sticky pouvait pas etre en position: sticky du coup ?

[void anvil]

https://tenor.com/view/kekw-kek-bttv-twitch-emote-gif-15123134

[dusky skiff]

[mellow osprey]

lel

[void anvil]

https://tenor.com/view/crying-boy-walk-away-cry-man-tears-gif-5637398

Je me prend des bastos

@gaunt yoke

[copper warren]

Je crois que t'as pas compris ce que enzo t'as expliqué

le probleme c'est pas le nom

c'est que tu peux juste faire position: sticky

au lieu de fixed et tout ton blabla

[void anvil]

Hmmm je pourrais mais je sais pas force of habits je fais toujours ca

Je crois ne jamais avoir utiliser sticky dans aucun site

[copper warren]

Bah c'est le moment

[void anvil]

Apres la difference est negligeable iirc, juste tu indique l'offset du sticky ca revient au meme en soit

[gaunt yoke]

non ça évite de rendre cet élément indépendant des autres

et d'avoir des soucis sur le placement

[void anvil]

En effet mais je viens de me rendre compte de pourquoi je n'ai pas utiliser sticky, je prefere la nav-bar en arriere plan, lorsque le site est afficher sur un smartphone, le navbar reste en premier plan ce qui n'est pas le cas de sticky

[copper warren]

z-index ?

-> https://developer.mozilla.org/fr/docs/Web/CSS/z-index

[north mesa]

hello ^^ j'aimerai savoir si c'est possible de faire un justify-content: space-between; en css mais avec un écart definie, merci d'avance. Mrfafidoo

[mellow osprey]

non et oui

[north mesa]

un petit tips ?

[mellow osprey]

par définition space-between place les elements tout a doit et tout a gauche au max non?

mais toi tu parles de définir un écart personnaliser

donc tu veux un petit espace sur la doit et la gauche ou bien?

essais justify-content: space-around;

si non utilise des margin sur les elements enfant

[north mesa]

enfait j'aimerai faire une navbar comme ca

mais il faut que la nav sois sticky

[mellow osprey]

aaaaaaaaaaaaaaaaaaaaaaa dac

[north mesa]

et que ca soit ecarté au centre mais avec un espace

[mellow osprey]

att jte montre mon arbre dom

il te faut un conteneur intermédiaire

[north mesa]

une div ?

[gaunt yoke]

t'as ton container principale avec tes 3 éléments dedans en space between

[north mesa]

la nav ducoup ?

[gaunt yoke]

et dans ton élément du millieu tu espaces juste tes <li> ou <a> avec des marges par exemple

le container qui contient les 3 éléments

car c'est censé etre 3 éléments
celui de gauche, milieu et droite

[mellow osprey]

j'ai fait comme ça moi

[north mesa]

les <a> ducoup ?

[mellow osprey]

j'ai mon heade

et je défini une largeur a un nav

et j'y met mes a

avec space between

[gaunt yoke]

tu as ton <nav>

avec dedans ton logo, ta liste et ta div avec le bouton etc

[mellow osprey]

yes en fait c'est qu'une question de conteneur

[gaunt yoke]

<nav>
 <img />
 <ul />
 <div>
  <button />
  </div>
</nav>

en gros

[mellow osprey]

en fait c'est ```html
<header>
<button>
</button>
<nav>
<a></a>
<a></a>
<a></a>
<a></a>
</nav>
<button>
</button>
</header>

avec header en space between

et nav en space between

[north mesa]

oe mais ducoup pour la nav je mets un space around/between et dans le <li> je fout un margin ?

[mellow osprey]

avec largeur relavive

il ne faut pas utiliser de list dans un nav

car le nav c'est en soit une liste en elle même

c'est une liste "libre"

en gros c'est réserver pour la navigation

[north mesa]

mais pour un justify content je dois mettre en pos flex ?

[gaunt yoke]

concrètement l'html aujourd'hui ça change quasi plus rien

[north mesa]

pas en relative

[gaunt yoke]

il peut mettre <header> ou <toto> ca n'a plus autant d'impact qu'avant donc oui si tu tu préfères mettre header et nav si tu veux

mais ça change concrètement rien a la solution mdr

[mellow osprey]

je parle pas de position relative mais de largeur relative

pour le responsive

[north mesa]

ah oe la weight 100% en gros ?

[mellow osprey]

faux

[north mesa]

et ducoup pour l'ecart et la pos je la fou ou ?

[gaunt yoke]

quels sont les impacts alors lool

pour le SEO ca n'a plus d'impact

[mellow osprey]

le html est fait pour définir des propriété avec une sémantique forte.

[gaunt yoke]

ça n'a plus d'impact aujourd'hui

[mellow osprey]

le SEO sisi

[gaunt yoke]

ça se voit juste avec la multitude de framework ui ou tout est composé de div

Non le référencement naturel ne va pas jouer sur <nav> ou <header>

pas du tout

[north mesa]

c'est pas faux

[mellow osprey]

les robots peut mieu explorer les page web

[gaunt yoke]

Le h1, h2 je veux bien

Le robots suffit juste de fourni un robots txt et c'est terminé il crawl

[mellow osprey]

et c'est aussi utile pour accessibilité des personne mal voyant

il ne faut pas négliger cela

[gaunt yoke]

ça change rien

il suffit de mettre de alt

et de rendre la navigation possible par le tab

[north mesa]

même pas, avec des <p class="xxx"> tu peux deja tout faire

[gaunt yoke]

rien à voir avec le fait que ce soit div ou header

[mellow osprey]

alt c'est pour les image

uniquement

[gaunt yoke]

Oui

donc de mettre de la navigation par tab

avec des index de navigation

[mellow osprey]

l’attribut alt c'est pas un attribut universel

[gaunt yoke]

Non mais merci

c'est un exemple

[mellow osprey]

oui mais la je te parle de sémentique

[gaunt yoke]

Pour les mal voyants il suffit juste que la navigation par tab soit possible

[mellow osprey]

c'est bien pour ça que différent balise existe

c'est se qui fait la puissance du html

[gaunt yoke]

mais ça de moins en moins d'importance

l'html à justement ce bon comme mauvais coté en fonction de comment tu le vois, d'etre super libre

[mellow osprey]

les robot google mettre plus en avant les site web avec une bonne sémantique quavec sans.

su coup pourquoi il y a de plus en plus de balise spécialiser qui sort?

il faut être cohérent

[gaunt yoke]

Mais la quasi totalité des sites aujourd'hui utilise des frameworks UI avec des composants pré faits

[north mesa]

angular

[gaunt yoke]

qui sont tous des multitudes de div qui s'enchaine

et ça n'empêche aucun site d'etre mis en avant

[mellow osprey]

oui et ces frameworks UI utilise un minimum de sémantique pour bien faire les choses

[north mesa]

pour la visiblité la sementique joue par contre

[gaunt yoke]

Google ça change chaque minute l'algorithme de référencement

c'est jamais la meme chose qui compte

[mellow osprey]

les div qui s’enchaîne utilise des attribut area et role pour ajouté de la sémantique

[gaunt yoke]

Mais les mecs

je bosse avec des mecs SEO chaque jour

[mellow osprey]

vrais

[gaunt yoke]

a aucun moment c'est leur importance que ce soit des div ou des header

la seule chose ou eux vont gueuler ce sont les balises H1, meta etc

Et me dites pas "ils sont pas bons alors"

on a toujours été premier dans chaque boite ou j'étais niveau réf mdr

[mellow osprey]

la sémantique n'est pas réserver qu'au référencement mais a l’accessibilité des personne handicapée

c'est grave d'être contre ça

[gaunt yoke]

A quel moment je suis contre

je te dis que ça ne change rien

Que ce soit header ou div

[mellow osprey]

c'est un bousi de mauvaise pratique d'abuser des div et des span

sa change

a la sémantique

[gaunt yoke]

ça change quoi alors

ça lui change quoi a sa navigation a la personne mal voyante

Car ce qu'il faut c'est juste qu'il puisse naviguer d'element en element

[north mesa]

nav par tab

[mellow osprey]

les lecteur d'écrant trouve les menue beaucoup plus vite quavec un menue crée avec des div.

[gaunt yoke]

Si tu t'nquiètes tant que les menus soit accessible ou non

Fais juste en sorte que tout ton site soit accessible via le tab

[mellow osprey]

la personne mal voyant apuis sur un bouton pour avoir le fucuse directe sur le nav

contrairement a un div

qui peut être nimportequoi

[gaunt yoke]

le focus tu dois le controler dans tous les cas

pour indiquer le sens de la lecture

[mellow osprey]

alors qu'une personne qui veut avoir le focus sur un menue le peut avec un nav

[gaunt yoke]

mais c'est ce que je te dis depuis tout à l'heure

tu lis ou pas

Suffit juste d'activer la navigation par tab

et de mettre les bons index

Donc pourquoi tu dis que je suis contre

[mellow osprey]

je te parle d'un focus ou que tu doi dans la page une sort de bouton qui donne directement accès au menue.

la sémantique joue a grand role dans les page web.

c'est pas a négliger.

cela prend de plus en plus d'importance d’ailleurs. le html4 étais un enfer pour les aveugle.

le html5 apport plus de sémantique.

bref n'abusez pas des div.

[gaunt yoke]

Bon on cloture car ça va durer 3 plombes

[mellow osprey]

c'est a utiliser en dernier recourt.

[gaunt yoke]

et honnêtement j'en ai un peu rien a branler

[mellow osprey]

d'acc ça me va

lisez ça et jarret

https://developer.mozilla.org/fr/docs/Glossary/Semantics

https://developer.mozilla.org/fr/docs/orphaned/Web/Guide/HTML/Using_HTML_sections_and_outlines#problèmes_résolus_par_html5

[gaunt yoke]

Stp continue pas, on a pas les memes avis, je suis d'accord pour la sémantique, mais t'as pas du tout l'esprit SEO, on sera pas d'accord là dessus, mais y a des règles en SEO qui font que tu dois meme parfois bind tes liens de menus pour pas que google y ai accès, donc ca nécessite de faire des choses sales

Donc relance pas avec un tas de lien avec de la doc, car c'est bien beau ce que la doc dit, mais concrètement quand tu fais un site tu as des contraintes autre qui ne seront pas cités là dedans

[mellow osprey]

ya juste a utiliser un fichier robots.txt dans ce cas

[gaunt yoke]

Non pas du tout

tu sais pas de quoi tu parles je pense, donc non pas du tout

Y a pas que ça à faire, si tu prends par exemple un site fait avec un framework JS sans coté SSR, le référencement c'est encore autre chose

[mellow osprey]

mais tu as raison, on ne devrais pas continuer. Avec les argument que j'ai exposer et les tien les gens pourron se faire leur propre avis

[gaunt yoke]

Que le balisage compte dans le référencement c'est une chose, qu'elle soit vraiment aujourd'hui importante et utilisé, s'en est une autre

car si tu veux envoyer des liens je peux aussi envoyer un tas de site qui n'en n'ont rien a foutre concrètement, mettre quasi que des divs grosso merdo et pourtant niveau réf ils sont
C'est juste que toi tu as un avis + orienté "code"

que "chiffre"

[mellow osprey]

sa a toujours son importance mais bon je respecte ton point de vus bien que je suis strictement opposé.

[gaunt yoke]

pas de soucis, c'est le principe d'un avis, mais juste polluons pas plus, évitez aussi que quelqu'un relance car c'est interminable sinon ce genre de sujet

[mellow osprey]

et puis c'est plus simple de mettre des div de partout que de faire un truc très sémantique mais sa a ses conséquences.

[void anvil]

Salut, qui saurait m'aider en css quelques minutes ?

[austere lark]

Pose directement ta question

[void anvil]

finalement j'ai trouvé #MerciGrafikart 🙂

[void anvil]

salut comment je lie mon html à mon css svp

[void anvil]

<link rel="stylesheet" href="./style.css" /> dans ta partie head

mercii

[errant cypress]

internet => how to link custom css in html head tag

et ça te donnera la réponse

[void anvil]

Salut qui saurait comment faire ce genre de box en css :

niveau html j'ai tout structuré avec des div mais le css vraiment je galère

[mellow osprey]

déjà crée une bordure

ça déjà ça https://developer.mozilla.org/fr/docs/Web/CSS/border

en suit dans la box tu applique un display: flex; avec un flex-direction: column;

l'image avec un flex: 1;

[void anvil]

salut j'ai une question comment on fait pour pas que un texte soit visible en html. En lua c'est ça :
--[[
]]--
Mais je ne sais pas c'est quoi en html

[mellow osprey]

<!--Mon commentaire-->

[copper warren]

Je capte pas l'intérêt de mettre en flex si c'est pour le mettre en column dans la div autant tout laisser en block ? ( je parle de ce que demande @void anvil ) @mellow osprey. C'est pas une critique juste une question

[mellow osprey]

tkt car l'image a une propriété flex: 1;

cela luis permet d'être flexible;

pour que flex:1 est son effet il faut que son conteneur parent est la propriété display: flex;

après il existe d'autre moyen. mais un conteneur flexible est très utile pour son responsive.

[copper warren]

Mais enfaite pourquoi juste pas laisser en bloc ? Vu que le but c'est que sa s'affiche l'un en dessous de l'autre

[copper warren]

Bah tout dépend ce que tu veux faire en mobile 🤔

[mellow osprey]

c'est pas juste une problématique de au-dessus de l'autre

[mellow osprey]

oui

[copper warren]

@gaunt yoke c'est quoi la bonne réponse pour toi ? Parce que perso je l'aurai d'instinct laissé en block mais @mellow osprey pense que c'est mieux en flex 🤔

[mellow osprey]

Il n'y a pas de "bonne réponse"

[copper warren]

Bah si y'a forcément une technique mieux qu'une autre

[mellow osprey]

il y a plusieurs moyen de le faire. Et tout dépend de précisément de se que tu veux faire.

[mellow osprey]

oui et non

sa dépend du contexte en fait

[copper warren]

Oui d'accord mais là dans son cas c'est quoi celon ton l'utilité de display flex ?

Si tout est positionne l'un en dessous de l'autre etc

[mellow osprey]

c'est la flexibilité des elements. notament pour le responsive design.

[copper warren]

Nan mais la je vous pas le rapport avec le responsive ça maquette elle montre juste une div avec des éléments block à l'intérieur

[mellow osprey]

c'est plus simple avec un flex mais tu peux aussi le faire en display block mais dans ce cas c'est pus compliqué de faire un truc flexible.

[copper warren]

Mais pq flexible? Genre la dans son cas ça veut rien dire c'est une card elle va pas bouge ça card

Aucun intérêt de flex ducoup ?

[mellow osprey]

qui te dis quil n'es pas flexible?

si il nous avait faire une démonstration sur différent écran de sa maquet on aurai pu se faire une idée mais là je part du principe que l'élément est flexible

[copper warren]

Bah oui mais dans le cas présent y'a pas de maquette mobile donc faite du flex c'est useless

Parce que je peux dire pareil qui te dit que c'est flexible ?

Si on prend le cas la c'est pas utile

Et même si en mobile ça devenait flex aucune utilité en desktop de mette display flex : column tu changes juste le display dans ta media query sur mobile

[mellow osprey]

oui tout a fait qui me dis que son élément est flexible donc je me suis donner la liberté quil est flexible, je suis parti sur cette supposition.

tout faire un flexible c'est mieu car sa marche sur tout les écrants

[copper warren]

Oké oké donc en gros les deux réponses semble OK

Bah en block aussi ducoup

[mellow osprey]

oui ya pas de réponses absolut

[copper warren]

T'as juste à changé le display en mobile quoi

[mellow osprey]

pas vraiment car c'est le principe même des élément flexible

il marche tout autent en mobil que sans

mais tu a aussi raison tkt pas 👍

(je n'est pas la science infuse je te rassure).

[trim lichen]

@gaunt yoke omg j'ai réussi à faire ca moi ?

C'est la premiere fois j'arrive à faire un truc en css

a peu prés potable

en 1h j'ai fait que ca, ya même pas de back ni rien

et je dois rendre ca pour demain 8h

tah les devoirs

[gaunt yoke]

Haha c’est pour quoi ?

Un peu trop rouge mais ça va ! 🤪

[trim lichen]

Bah c’est les devoirs que j’avais à faire avant les vacances

En gros on a une bdd avec pleins d’infos, et moi je devais m’occuper de la partie des@mztchs

Et ce que tu vois c’est juste le@front sans les donnés

le rendu avec le backend

j'ai utiliser un svg pour l'image

c'est bcp mieuc

et ca c'est un autre type de données

[gaunt yoke]

Yes c’est sympa

[trim lichen]

Ducoups j'ai compris pleins de choses en css

genre a 2h du matin j'arrivais à comprendre ce que je faisais

alors que j'aurais deja peter un plomb de base

[gaunt yoke]

😂 well done*

[trim lichen]

j'ai l'impression d'un peu mieux y comprendre en web, par contre qu'est-ce que c'est long le developpement d'un site

[gaunt yoke]

Ah oui très en fonction de ce que tu veux faire

[trim lichen]

J’ai mis 1h30 pour faire le front

Et c’est pas grand chose

Après je débute

[dapper lily]

Salut dite moi comment je pourrai ajouter un "filtre" a une image en css ? Avec de lopaciter , j'ai essayer avec background-color:rgba(); mais sans avoir les résultats attendu .. Merci de votre reponse

[wise hamlet]

Résultats de la recherche: filter

➜ filter
Experimental: Cette fonction est expérimentalePuisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Example:

/* URL vers un filtre SVG */
filter: url("filters.svg#filter-id");

/* Fonctions de filtre */
filter: blur(5px);
filter: brightness(0.4);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(50%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(30%);
filter: sepia(60%);

/* On applique plusieurs filtres */
filter: contrast(175%) brightness(3%);

/* On utilise aucun filtre */
filter: none;

/* Valeurs globales */
filter: inherit;
filter: initial;
filter: unset;

➜ Array.prototype.filter()
La méthode filter() crée et retourne un nouveau tableau contenant tous les éléments du tableau d'origine qui remplissent une condition déterminée par la fonction callback.

Example:

arr.filter(callback); // callback(elementCourant[, index[, tableauEntier]])
var nouveauTableau = arr.filter(callback, thisArg);

➜ backdrop-filter
Experimental: Cette fonction est expérimentalePuisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

[gaunt yoke]

Hello @dapper lily tu peux utiliser les filter directement (premier et dernier exemple de l'embed)

[dapper lily]

Thanks l'ami ^^

[trim lichen]

Hey, comment je pourrais faire pour avoir le même espace entre chaque div, en gros que l'axe dessiné en blanc sois pile au mileu de toutes les divs ?

.grid-container{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;

    justify-content: center;
    height: auto;

}

[gaunt yoke]

chaque boxe à un margin c'est ça ?

[trim lichen]

mais meme en l'enlevant ca fait rien

[gaunt yoke]

si tu utilises les grid met juste un gap

pas de marge

[trim lichen]

les grids c'est juste pour le tableau

la div qui contient tous les tableaux est en flex

[trim lichen]

ce code la

[gaunt yoke]

Pourquoi ne pas les mettres en grid aussi ?

ce sera que plus propre au niveau de tes espacements etc

[trim lichen]

parce que

[gaunt yoke]

pour les block

[trim lichen]

apré c pa raisponsyveu

[gaunt yoke]

Bah ça ne change rien

Dans tous les cas tes cards là en mobile tu vas devoir les colonnes, bah au lieu de colonne tu vas mettre ta grid a 1 au lieu de 2

[trim lichen]

oui mais aprés comment je positionne mes tableaux dans un display grid ?

vu que c'est un forEach en php qui les affiche

[gaunt yoke]

ça change rien à ce que tu as, ton container au lieu d'etre flex il est grid
Sinon si tu veux le même espace en flex faudrait qu'on voit comment est stylisé le block card

et le container qui flex

[trim lichen]

tu as les 2

le container qui flex est dans les ```

et le block card est dans le screen

[gaunt yoke]

ah okay

enlève ta marge alors

pourquoi tu grid dans ta card wtf

[trim lichen]

att jte montre

[gaunt yoke]

ça devrait être l'inverse je trouve, tu grid pour faire tes colonnes et tu flex dans ton élément, je trouve ça plus pertinent

[trim lichen]

oui mais la je veux pas tout remodifier, je veux avoir la meme espace entre chaque tableaux

on derive

[gaunt yoke]

On dérive pas vraiment, tu aurais juste a inverser les 2, car c'est plus propre de grid pour l'espacement
Mais dans l'état actuel ce que tu peux faire c'est avoir un parent a chaque card avec un padding 10px; juste

comme ça lui fera guise de marge

Ou sinon tu dois calc() je suppose la marge a ta width pour que les 2 aient la meme parge et la meme width

d'ou le fait que les grid seraient plus judicieux car ils te gèrent automatiquement les marge x et y

[trim lichen]

ouais bah ca restera comme ca

[gaunt yoke]

sinon tu peux enlever le margin: 10 sur le global

et juste leur mettre un margin-bottom:10px à tous

et faire en even ou odd un margin-right:10 et margin-left 10

comme ça celui de gauche prend le right, celui de droite le left

ou même juste gérer celui de gauche pour juste margin-right: 10px; et en mobile le virer

je donne des idées comme ça je peux pas tester comme j'ai pas le code mais ça peut fonctionner

[trim lichen]

Merci

[charred gate]

Hey, j'ai un petit problème. Je suis actuellement en train de faire un site que j'ai d'abord dev en local et qui marche très bien en local. Quand je glisse tous les fichier sur mon VPS et que je regarde le contenu, c'est exactement le même que ce que j'ai sur mon ordi, mais quand je vais sur le site il y a une partie du CSS et du JS qui ne se chargent pas (même dans les sources ils ne sont pas affichés)

Est-ce que quelqu'un sait pourquoi ça me fait ça ?

Pour info, j'utilise apache2 et mon linux est sous debian 11

Problème réglé, juste cloudflare me montrait que ce qu'il avait mit en cache

[charred gate]

Autre petite question, comment est-ce que je peux sauvegarder quelque chose dans un fichier JSON ?

[deft burrow]

où ?
quoi ?

[trim lichen]

Avec fs

fs.writeFile

[charred gate]

On peut pas dans le navigateur

[trim lichen]

Ah

[deft burrow]

on est en html/css donc je doute qu'il utilise node

[trim lichen]

Bah si tu importe fs depuis une balise script

Genre tu importe avec le lien

La librairie

[deft burrow]

nan mais c'est juste pas possible

[trim lichen]

Comme on peux faire avec vue ou socket.io

[deft burrow]

c'est une librairie interne à node

socket.io c'est une librairie externe à node

[trim lichen]

Je proposais juste

Je sais pas moi

[deft burrow]

je sais je te dis juste que c'est pas possible

[trim lichen]

Maintenant je sais

[deft burrow]

du coup je réitère:
où ?
quoi ?

[charred gate]

Bref dcp j'ai une array d'avis que j'aimerais sauvegarder dans un fichier JSON mais je sais pas comment faire (j'ai réussi à get le fichier json avec jquery et à avoir son contenu mais pas à écrire dedans)

[deft burrow]

mais tu veux le sauvegarder où?

[trim lichen]

Une requête post a une api qui écris dans le json avec fs

Mais pas très secure

[deft burrow]

c'est sans doute le seul moyen oui mais ça dépend de où

[trim lichen]

Vu qu’on peux spam l’api de merde

[charred gate]

Dans un fichier JSON qui est sur le VPS où il y a mon site

[trim lichen]

Donc le mieux c’est de mettre un peu de php pour cacher un potentiel token

[deft burrow]

tu ne peux pas le faire si ton site est statique

[trim lichen]

Après je sais pas

[deft burrow]

si il est servi en php par exemple tu peux le faire via php

[charred gate]

Okay thx, dcp oui je vais passer par du php

[deft burrow]

tu vas devoir faire une api dans tous les cas quoi ouais

euh en fonction de ce que tu as tu peux aussi considérer le fait de le stocker dans des cookies

si tu considère que c'est des informations d'utilisateur

[trim lichen]

Php ou avec ejs

[deft burrow]

mais ça sera seulement dispo pour une personne du coup

[trim lichen]

Mais bon php plus simple

[deft burrow]

yep php n'est qu'un exemple

[trim lichen]

Toutes les routes mènent à Rome

Des centaines de solutions plus ou moins performantes pour le meme résultat

[deft burrow]

si c'est des avis tu peux aussi considérer le fait de l'enregistrer sur une base de données plutôt qu'un fichier json

[charred gate]

euh php ptdr

[charred gate]

Yes

[trim lichen]

Tu fais ce que tu veux mdr

[void anvil]

Bonsoir👍 J'ai besoin d'aide s'il vous plait, je suis bloqué sur mon projet de fin d'année que je dois présenter devant un jury lundi prochain et je rencontre un probleme avec le responsive de mon site, j'ai une scrollbar horizontal sur mobile 😫 une âme charitable pour m'aider? 🙏 😉

[gaunt yoke]

hello il nous faudrait du code ou une demo pour t'aider

sinon juste comme ça c'est que:
tu as des éléments qui dépasse le screenview horizontalement donc faut le fixer
Sinon: overflow-x: hidden

[void anvil]

Bonsoir Enzo et merci pour ta réponse rapide 😉
Je suis un peu paumé je t'avoue. et mes connaissances sont limitées :/ Le overflow-x:hidden ne change rien :/
Je peux te faire un partage si tu es éventuellement disponible

[gaunt yoke]

fais moi un sandbox de ton projet ou un repo git

[void anvil]

Je t'ai envoyé mon repo git en MP 😉

En gros quand je passe en mode mobile je me retrouve avec tout le contenu adapté à ma page mais tout est décalé avec une scrollbar horizontal ..

Et je voudrais que ça sois comme ça :

[void anvil]

https://gyazo.com/97740816e24277443819d7274ae2ffac

[forest echo]

c'est surement à cause de ton image placée tout en haut. Tu as du oublié de la rendre responsive pour la version mobile... rien de bien grave

[void anvil]

Bonsoir @forest echo et merci pour ta réponse 🙂 Justement je me posais la question.. tu est disponible pour y regarder avec moi si possible? 🙂

[forest echo]

je ne suis pas un professionnel mais je pense que tu pourrais mettre dans les propriétés css de ton image ca : css .image_responsive { width: 100%; height: auto; }

encore une fois je ne suis pas sur mais ca peut-etre une piste

[void anvil]

C'est déjà le cas 😦

[forest echo]

ha donc ce n'est pas l'image

[forest echo]

ca pourrait être la phrase sur l'image dans ce cas il faudra réduire la police ou la mettre sur 2 ligne pour ca tu peux créer dans ton fichier css une partie seulement pour les "petits écrans"

@media screen and (max-width: 600px) {
 .mon text {
  font-size: "plus petit" 
 }
  }```

[void anvil]

Le texte est sur l'image, ce n'est pas un texte en code ^^

[forest echo]

ha ok....

alors sur ce point je ne peux pas vraiment t'aider vu que je n'ai pas ton code.....
Je dois y aller demandes a d'autre membre ils t'aiderons surement plus que moi

[void anvil]

Pas de soucis, merci de ton aide tout de même 🙂

[normal quiver]

Tu peux le mettre sur code pen ou jsfiddle au pire ?

[unkempt hinge]

Holà, j'ai un problème (qui a évolué depuis) sur lequel je bosse dessus depuis hier mdr et là il me reste un dernier truc à régler qui ne fonctionne pas :
sur code pen ça fonctionne bizarrement mais pas sur mes fichiers
en gros c'est un probleme de pin qui fonctionne pas sur du ScrollTrigger GSAP avec la librairie Locomotive Scroll
dcp vu que ça fonctionne sur code pen je me dit que ça doit venir des appels de scripts dans mon html mais j'ai tout modifié, supprimé, changé de place etc et y'a rien qui change
dcp là j'ai besoin d'aide mdr

[gaunt yoke]

tu peux envoyer le codepen et peut-être aussi le projet voir si nous aussi on a des erreurs en local

ça peut aiguiller peut-être

[unkempt hinge]

alors le code pen

https://codepen.io/s0Rga/pen/GRMGMaN

et stv le projet je préfère le passer en mp

[gaunt yoke]

oui si tu veux ce serait juste pour voir si j'ai aussi des soucis d'import de lib enfaite

[trim lichen]

@gaunt yoke je sais pas ce qui m'arrive, mais depuis quelques jours quand je touche à du css, j'arrive de mieux en mieux à faire ce que je veux faire, bon la c'est le login d'une messagerie qu'on fait en php, mais ca me motive de ouf

[gaunt yoke]

Ah bah top !

[trim lichen]

Par contre ca m'nerve car je peux pas faire un projet venant de moi, car j'arrive jamais à trouver les fonts et les couelrus qu'il faut

la charte graphique ma hantise

[gaunt yoke]

Après c’est complètement un autre métier ça

Donc c’est pas grave du tout, c’est pas toi qui est censé le faire

[trim lichen]

Ouais mais pour des projets perso / projets pour s'améliorer

appart cloner des sites, jsp quoi faire en charte graphique

[copper warren]

Inspire toi sur des sites comme Dribbbles et essaye de faire un truc qui te plait sur un logiciel de maquette genre , Lunacy , Figma, Sketch , AdobeXD, Zeplin etc ...

[faint thunder]

Yo !
J'aimerais trouver une solution correcte pour gérer des thèmes de couleurs en SCSS (sur google y a pas mal de trucs pas top).
Quelqu'un aurait des conseils/pistes ?

[normal quiver]

Tu utilises quoi pour le front

[faint thunder]

html

[tame star]

utilise des variable ? ca ressemble a ca =>

[copper warren]

avec SASS tu peux faire des variables et y'a des fonctions qui existe pour les rendre de plus en plus light

https://sass-lang.com/documentation/modules/color

Après tu peux boucler pour faire un dégradé (je veux pas dire de connerie c'est à confirmer mais il me semble que Tailwind fais comme ça )

[trim lichen]

Oui, j'ai déja essayé, mais avec mon niveau c'est trés trés difficile de reproduire les effets et les positionnements

[copper warren]

C'est à dire ? Genre tu vois pas comment faire certain truc tu sais pas découper l'affichage ?

[trim lichen]

Bah genre je suis vraiment trés bas niveau en front, et arriver à reproduire une maquette sur dribble est tres difficile pour moi 😦

[copper warren]

ça va venir avec le temps 😄

[trim lichen]

j'espere

La je bosse encore sur ma messagerie

Pour si le mdp est pas bon

mais jsp comment faire pour redirect sur le index.php (la où il y a le login) pour dire que le mdp est faux (sachant que je dois passer par messagerie.php directement aprés avoir appuyé sur entrer)

[tame star]

apres si vraiment tu trouve ça chaud, essaye de passer sur frontendmentor, labas ta les réponse au challenge, les ressource dispo ect cest vraiment coll comme site

[trim lichen]

genre direct aprés avoir appuyé sur entrer ca me redirect sur index.php et que je puisse mettre "mot de passe invalide gngn" au dessus du form

[trim lichen]

c'est noté merci

[trim lichen]

Résolu

[tame star]

dommage que les element soit décalé quand tu as une erreur, mais cest quand même propre 🙃

[trim lichen]

ce n'est qu'une version dev, pour voir si ca marche

et le bouton entrer décentré c'est volontaire, c'était comme ca sur la maquette

[tame star]

ca ce comprend ducoup

[gaunt yoke]

il faudrait que tu alignes ton bouton sur la droite alors

aligné a l'input, comme sur la maquette

[trim lichen]

je me disais bien qu'il manquait qlql chose

[faint thunder]

@copper warren @tame star Je sais mais ça c'est trop light. Je parlais plus d'utiliser des maps avec des mixins et des fonctions. Mais je supose qu'il existe pas de standard donc je vais creuser ça de mon coté 🙂

Merci quand même

[copper warren]

@faint thunder bah c'est ce que j'ai dis tu fais une fonction avec SASS et les fonctions lighten etc qui existe ?

[gaunt yoke]

https://www.toptal.com/sass/theming-scss-tutorial

tiens ce que tu cherches

c'est bien avec des mixins que tu peux le faire

[faint thunder]

Ce tuto je savais pas si il montrait des bonnes pratiques. Je vais aller revoir du coup

[gaunt yoke]

je pense qu'aujourd'hui pour faire ce que tu veux, tu peux directement le faire en CSS avec juste des variables css dans ton :root
et venir les updates en fonction d'une class parente

Pour moi le tutoriel que je t'ai envoyé c'est surtout quand tu as une énorme orga, ou tu veux gérer de multiples composants automatiquement, etc etc

là toi si c'est quelque chose de "fixe" et pas d'évolutif, tu peux le faire en css je pense sans trop te prendre la tête

[faint thunder]

C'est surement plus adapté en effet

[faint thunder]

Ouais c'est de la demo fixe donc autant que je me fasse pas chier 👍 Merci bien

[void anvil]

Bonjour,

J'ai un soucis, quand je vais sur un site sur opera ça me dis que le site est inaccessible, quand je vais sur firefox je peu y acceder, c'est normal ?

[tame star]

tres vagues, un peu de contexte ? sinon ça peut-être du a une intention qui rentre en interférence.

[void anvil]

Depuis hier je ne peut plus ping mon site web et y accéder alors que mes potes Ui

[patent solstice]

Tu as quelle erreur quand tu vas dessus ?

[verbal skiff]

Salut les potes ! Petite question, quel est la plus grande force de SCSS ou SASS qui fait qu'on devrait l'utiliser ? Ou juste ce qui fait de lui quelque chose de "pratique" ? Je vois de plus en plus de gens l'utilisé, je suis intéressé 🙂

[tame star]

les variable, les bouts de codes réutilisable, le workflow et la plus par des sites qui sont fait avec !

[verbal skiff]

Tu as des exemples de site ?

[tame star]

https://sass-lang.com/guide

[gaunt yoke]

c'est fou car tout ce que tu cites c'est déjà inclus avec CSS désormais

[tame star]

le code réutilisable aussi ?

[gaunt yoke]

yes

via le @apply

[tame star]

apres j'utilise surtouts pour sa syntaxe

[gaunt yoke]

Oui pour la syntaxe par contre c'est beaucoup plus clair et agréable que de recibler le parent etc
le côté pratique aussi et puissant de SASS ce sont les @ rules comme le functions, use/forward, le fait de pouvoir générer complètement du code

le côté javascript in CSS grosso merdo

[tame star]

pourquoi pas, apres le SASS il faut quand meme le connaitre car la plus part des mission son avec (meme si ca compile du css)

[gaunt yoke]

Oui ça reste utilisé bien sur :D mais plus autant utile qu'avant malheureusement

[flat nymph]

perso j'ai une base de site qui compile auto tt pas de fichier css va voir #partage-ton-code

[void anvil]

comen on fé un site

[lethal depot]

avek sa https://fr.wix.com/

[flat nymph]

SURTOUT PAS

[flat nymph]

Avec du HTML CSS et JS BG :)

[lethal depot]

https://tenor.com/view/captain-obvious-thank-you-superhero-super-hero-gif-9900289

[strong sluice]

Hello tout le monde, j'ai un petit soucis !
En rose, mon tbody
En bleu, mes tr ( contenant 4 td chacun )
Mes balises tr semblent ignorer le paramètre width: 100%
Quelqu'un saurait me dire comment les faire occuper tout l'espace ?

https://cdn.discordapp.com/attachments/688001588454752267/929798029903552552/unknown.png

https://cdn.discordapp.com/attachments/688001588454752267/929798063294398514/unknown.png

[strong sluice]

Alors, j'ai trouvé d'ou ca vient, mais pas comment faire
C'est le display: block / inline-block du tbody qui bloque le width
Sauf que c'est ce display qui me permet de scroll
😕

[tame star]

le width 100% cest par rapport à son parent 🤔

[tough jolt]

L'inspecteur sera ton meilleur ami pour régler ton problème 🙂

[wild mesa]

je crois que oui

[tame star]

je pense que cetait du a ca son problème 😅 , cetait pas vraiment une question

[wild mesa]

Ah j’ai vu ton emojis je pensais que ct une question mdrr

[jolly mango]

Coucou, ça fais un petit temp que je fais du html/css, je voudrai savoir comment je peux savoir si j'ai assez de niveau pour passer à JavaScript

[patent solstice]

Ya pas " assez de niveau "

[patent solstice]

Tu t'y lances un peu près quand tu veux

[jolly mango]

Ah bah d'accord

[patent solstice]

Si tu comprends le système d'ID, de class, d'éléments, ça suffit

Enfin, si tu veux manipuler le DOM avec JavaScript

[jolly mango]

Bah je voudrai faire du full stack quoi

[tame star]

jaime pas trop le terms full stack, mais dans tous les cas essaye et tu verras. le Js cest un très bon choix pour du 'full stack' car cest utilise pour le front et le back (et les framework son basé sur js)

surtous avec nodeJs & express en backend 🙃

[flat nymph]

Mdr

[jolly mango]

Je peux savoir ce que j'ai dit de drôle ?

[flat nymph]

Le terme fullstack existe plus depuis longtemps

Si tu deviens fullstack tu bacleras sois le front, sois le back

Concentre toi sur 1

[jolly mango]

Bah je ne suis pas développeur pro je me base sur mon apprentissage qui n'a pas été fait en 2022 j'en suis désolé

[flat nymph]

Ok tkt bg :)

[jolly mango]

Merci du conseil

[flat nymph]

De rien

Si besoin je suis là tu peux me ping

[jolly mango]

Okay, thanks

[flat nymph]

:)

Perso je te conseille d'abord que tu front

[tame star]

hello hello je me demandai comment je pouvais enlever ce petit margin qu'il y a par défaut sur les h1 et qui est diffèrent sur les h2 (Flipping Check en question). J'ai bien mit mon text-align: start; , j'ai également fait un reset avec margin: 0; & padding:0;.https://cdn.discordapp.com/attachments/763878547236061194/930499806047129660/unknown.png

[jolly mango]

*{
Margin: 0;
{
Non ?

[flat nymph]

h1
{
Margin : 0;
Padding: 0
}

[jolly mango]

J'ai mal lu autant pour moi

[flat nymph]

Met h1 pour bien le sélectionneur

[tame star]

j'ais deja mon fichier reset

[flat nymph]

Scss ?

Regarde si il a bien select

[tame star]

je pense que oui car sinon ma navbar serais decaler

[gaunt yoke]

Quelle connerie

[tame star]

et pour le coup j'ai meme essaye de le mettre dans mon h1 mais ca change rien (logique)

[gaunt yoke]

Essaye de baisser aussi ton line-height

car si il est haut ça va venir créer un espace sur la hauteur

[tame star]

mais moi je parle de l'espace a gauche

[gaunt yoke]

Tu pourras pas venir l’enlever celui ci

[tame star]

reloue :/

[gaunt yoke]

Ou alors de la même façon que le line-height

essaye avec le lettre-spacing

qui vient changer l’espacement x cette fois ci

[tame star]

oui mais ca va changer les l'espace entre toutes les lettres

[gaunt yoke]

Oui de la même manière que le line-height

Ça peut venir de la font ce genre d’espacement je suppose

c’est un espacement sûrement dit naturel

Que tu peux venir modifier via ces propriétés mais bof

Après tu peux toujours glitch évidement en faisant un transform x de -1px

Mais bon, si c’est des comportements naturel ce n’est pas bien grave

[flat nymph]

Non

[tame star]

ca me stress, mais je vais devoir trouver un hacktTricks le plus propre possible

[gaunt yoke]

Si si je te rassure

[flat nymph]

Jsp ce que c'est comme erreur mdr

Mon code :

[gaunt yoke]

Tu dois avoir un élément mal fermé

[flat nymph]

Non tt est close regarde

[gaunt yoke]

Car en React tu dois sois return un tableau d’éléments

[flat nymph]

Après j'comprend rien mdr

[gaunt yoke]

Sois Un élément

[flat nymph]

HTML marche pas pareil

Alors que c'est le meme code

[gaunt yoke]

Donc sois tu return un array sois tu return le tout dans un React.Fragment

Non évidement c’est du JSX pas de l’html classique

[iron swan]

la photo d'écran c'est cursed ça 😦

[flat nymph]

En gros je met pas le h3 la c'est sa ?

[gaunt yoke]

Oui ou alors tu regroupes tout dans un seul<@&818422301707075595>ement

Élément *

Sorry le Ping !

[flat nymph]

Quel élément

Tt dans le nav ?

Du coup

[gaunt yoke]

une div par exemple

[flat nymph]

Ah oui ok logik

[gaunt yoke]

ou dans un React Fragment

Ou un <> <> fonctionne aussi je crois

[flat nymph]

React fragment ?

Coco pas

[gaunt yoke]

Oui

[flat nymph]

Explique svp

[gaunt yoke]

regarde ce que c’est

[flat nymph]

Ok merci

[gaunt yoke]

c’est pour regrouper le tout dans un faux éléments

Le soucis de mettre div c’est que ça affiche vraiment une div

Le fragment non

c’est juste pour englober le tout par exemple

[flat nymph]

Ok en gros j'ai mis le h3 dans la nav et sa marche

[gaunt yoke]

Oui

sois un tableau d’éléments sois un élément

[flat nymph]

Mais dans une div regarde :

Ah non j'ai rien dis c'est mon compiler

Vivement WebStorm

[gaunt yoke]

[flat nymph]

Dans 2j

Avec mon aniv

[gaunt yoke]

Par contre j’animerai revenir là dessus car c’est faux archi faux
Le terme full stack n’a jamais été aussi présent que depuis ces dernières années, les entreprise en recherche de plus en plus
Je suis pas fan du terme car pour moi c’est surtout recruter une personne au lieu de 2 pour payer moins chère
Mais être full stack ne signifie pas forcément bâcler l’un ou l’autre

Si tu es développeur JS, dis moi pourquoi ne pourrais tu pas autant faire une api express ou meme Nest, et en même temps avancer sur une application en vue où React ?

que tu ai un attrait pour le back + que le front évidement, mais de là à dire bâcler c’est n’importe quoi

[flat nymph]

Pour moi les gens qui paient un fullstack c'est pour la tune

[gaunt yoke]

C’est ce que je viens de dire

[flat nymph]

Un gars est meilleur en l'un que l'autre

Tu es pas un pro au 2

Impossible

Pourtant sa fait 3ans que j'essaie tt les jours

[gaunt yoke]

Sur des stacks JS

C’est poSible

Possible*

Et même sur d’autres

[flat nymph]

Je le met enfin au react

[gaunt yoke]

mais donc comment peux tu avoir ce genre d’avis

[flat nymph]

Pour utiliser le backend de ce côté mis sa fait 3 ans que je suis que sur du front

[gaunt yoke]

Sans même être réellement développeur dans la vie active

[flat nymph]

Je suis en école mdr

[gaunt yoke]

etre*

[flat nymph]

École de dev

EPSI

[gaunt yoke]

Et donc comment en école tu peux déjà tenir ce genre de propos

t’en sais rien finalement

Y a une grosse différence entre bâcler un travail et être meilleur dans l’un ou l’autre

[iron swan]

perso je suis pas dev web, mais dans le jeu vidéo on voit bcp de mec maitriser plusieurs domaines du gamedev et ils ne baclent pas les deux, ils ne sont pas super spécialisés dans les deux bien évidemment mais suffisamment pour pouvoir bosser contre de la tune, donc j'vois pas pk ça serai different avec le dev web

[gaunt yoke]

L’avantage d’avoir des fullstack c’est que en cas d’absence d’un dev orienté + back ils ne sont pas bloqué

ça ne veut pas dire qu’il gère la partie à 100% c’est le principe d’une équipe

c’est juste que au besoin ils savent

et le font bien, mettront peut être + de temps

mais le font

[flat nymph]

Je suis désolé généralement un dev fullstack a un temps très court et il est malheureusement obligé de Bacler une des 2 partie

Après les dev full stzck sont bon sa je peux rien dire

[gaunt yoke]

mais tu me parles en connaissance de cause ou quelqu’un t’a dit

En entreprise tu bosses pas tout seul

Donc tu vas pas être seul à bosser a 100%

Ou alors c’est une entreprise de tocard

[flat nymph]

Je taff pas en entreprise mias on m'y forme

[gaunt yoke]

et donc libre à toi de juste changer d’entreprise si on t’exploite

[flat nymph]

Je fais des stages en entreprise et on voit les dev en sueur

[gaunt yoke]

je sais pas où tu fais tes stages

[iron swan]

les sites de l'état

[gaunt yoke]

Mais n’y postule pas après alors

[flat nymph]

Moi je taff seul

[gaunt yoke]

non mais ça doit être les boites où ils sont 2 devs

[flat nymph]

Je le sais je fait freelance

[gaunt yoke]

Pour faire le travail de 6

Mais c’est pas des exemples ce genre de boîte

Ça devrait pas exister

[flat nymph]

Trop

Le pb c'est qu'il y'en a plus qu'on le pense

[tame star]

apres, il n'a juste jamais fait de gros projet avec mise en prod

[flat nymph]

Non pas encore

Fin du semestre :)

[gaunt yoke]

Libre à toi de ne juste pas postuler

[strong lynx]

hop hop hop pas de hors sujet

[tame star]

gros projet => grosse entreprise (généralement ou du moins c'est dedans que l'ont apprend la réalité car dev dans une grosse boite et en inde c'est pas pareil)

[gaunt yoke]

Et de trouver une entreprise où il fait bon travailler

[flat nymph]

Sa je le sais tkt

[jolly mango]

J'ai lancé un giga débat sans faire exprès 😭😂

[flat nymph]

Tkt tkt bg

On terminé

Terminé*

[gaunt yoke]

#discussion-dev sinon

[flat nymph]

Oui

Vivement

[flat nymph]

C'est pas grave c'est intéressant

Moi perso je suis pour les devs fullstack mais si ils ont le temps de travailler

Sinon il sont dans l'obligation de bacler

[forest echo]

hello tout le monde, je me posais une petite question concernant un de mes projet. Comme vous le voyez sur la petite vidéo le bouton (une image png) s'agrandie au passage de la souris. Mon problème étant que le reste de la page bouge... comment on fixe ca? Voila la partie du code CSS :

.buttonrejoindre{
  width: 15%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5%;
  transition: width 0.5s, transform 0.5s;
  position: relative;
}
.buttonrejoindre:hover {
  width: 17%;
  position: relative;
}```

[gaunt yoke]

Au hover tu devrais juste faire un transform: scale(1.1) par exemple

Car là oui comme la taille du bouton change, il devient plus haut donc le reste bouge

[forest echo]

ho merciii ca marche

[dusky skiff]

[cunning steppe]

Salut ! J'utilise intelliJ pour faire du web (ptete pas le meilleur pour ça) , et je me demandais si c'était possible un peu à la façon de VSC de faire ul>li>a donc en gros créer un "a" dans un "li" qui est lui même dans un "ul" j'espère etre compréhensible

[tame star]

tu peux le faire avec du SASS 🤔 je trouve ca plus clean perso

apres le fait de faire une hiérarchie en css c'est pas vraiment du a l'Ide

[cunning steppe]

Pas compris, du SSAS c'est du SQL 🤔

Je parlais de html ahah

[gaunt yoke]

non c’est un pré processeur CSS

Mais j’ai pas compris ta question

Tu cherches à faire quoi ? En HTML oui tu peux avoir un a dans un li qui lui même est dans un ul

c’est juste ça ?

[cunning steppe]

Oui voilà mais je sais qu'il existe un raccourcis pour tout taper à la main ahah

[gaunt yoke]

ah okay

[cunning steppe]

Enfin sur visual studio code ça existait

[gaunt yoke]

Je pourrai pas t’aider sur intelliJ alors

Mais c’est peut être juste un plugin ou quoi comme sur VSC

[cunning steppe]

Hmmm ouais, je vais check, car c'est un tout petit un gain de temps mais c'est pratique ahah

[tame star]

je pensais que tu parlais de css ^^'

[copper warren]

Tu peux faire ul>a>li> et tu appuies sur tab

Mais faut Emmet

https://plugins.jetbrains.com/plugin/7450-emmet-everywhere

[cunning steppe]

merci :)