html-css

[pallid flicker]

depuis que j'ai fait la backend

qlq saurais m'aider svp

[tame forge]

Il va nous falloir un peu plus d’infos si tu veux qu’on puisse t’aider

[pallid flicker]

en mode j'ai fait un site sa scan un doc avec l'ia

et j'ai fait une backend logique

pour les api keys et tout

mais le probleme

tout est good jlais start nickel sans erreur

mais j'ai cette page

[fleet tiger]

@pallid flicker il va nous falloir du code, sinon on peux pas faire grand chose

[pallid flicker]

oep, mais tout le src ?

[fleet tiger]

juste le bout qui concerne ton GET /

[pallid flicker]

const multer = require("multer");
const cors = require("cors");
const fs = require("fs");
const path = require("path");
const pdfParse = require("pdf-parse");
const Tesseract = require("tesseract.js");
const { OpenAI } = require("openai");
const dotenv = require("dotenv");

dotenv.config();

const app = express();
const PORT = process.env.PORT || 3000;

// Initialisation de l'API OpenAI
const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY,
});

// Middleware
app.use(cors());
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// Dossier d'upload temporaire
const upload = multer({ dest: "uploads/" });

// ✅ Route de test
app.get("/api/test", (req, res) => {
  res.send("✅ Backend Medilyz actif !");
});

// ✅ Route principale d’analyse
app.post("/api/analyze", upload.array("files"), async (req, res) => {
  if (!req.files || req.files.length === 0) {
    return res.status(400).json({ error: "Aucun fichier reçu." });
  }

  try {
    const results = [];

    for (const file of req.files) {
      let text = "";

      if (file.mimetype === "application/pdf") {
        const buffer = fs.readFileSync(file.path);
        const data = await pdfParse(buffer);
        text = data.text;
      } else if (file.mimetype.startsWith("image/")) {
        const result = await Tesseract.recognize(file.path, "fra");
        text = result.data.text;
      } else {
        text = "Format de fichier non pris en charge.";
      }

      fs.unlinkSync(file.path); // Nettoyage du fichier temporaire

      const completion = await openai.chat.completions.create({
        model: "gpt-4",
        messages: [
          {
            role: "system",
            content:
              "je l'ai enlever.",
          },
          {
            role: "user",
            content: text,
          },
        ],
        temperature: 0.5,
      });

      results.push({
        filename: file.originalname,
        analysis: completion.choices[0].message.content,
      });
    }

    res.json({ results });
  } catch (error) {
    console.error("Erreur backend :", error);
    res.status(500).json({ error: "Erreur lors de l'analyse du document." });
  }
});

// ✅ Lancer le serveur
app.listen(PORT, () => {
  console.log(`✅ Medilyz backend lancé sur le port ${PORT}`);
});

[fleet tiger]

tout simplement car cette route n'est pas définie

app.get("/", (req, res) => {
});

[pallid flicker]

jla mets sur le index.html ducoup ?

[fleet tiger]

tu peux envoyer ton html oui

[pallid flicker]

d'ac je teste sa

@fleet tiger euh

sa marche

mais sa load pas le CSS

😅

en source j'ai mis le index.html

mais le CSS veux pas ce mettre

[fleet tiger]

tu peux faire un truc comme ça

app.use(express.static(path.join(__dirname, "public")));

app.get("/", (req, res) => {
  res.sendFile(path.join(__dirname, "public", "index.html"));
});

[pallid flicker]

yes c nickel sa marche

[fleet tiger]

parfait alors

[meager beacon]

Salut, j'ai deux petit soucis qui sont quand même très dérangeant :

1. J'ai un component Searchbar.vue qui est censé passer par dessus toutes les pages une fois actif. Seulement si la page est plus haute que lécran (besoin de scroll), le component garde la scrollbar. J'ai essayé d'appliquer le style overflow: hidden à l'ensemble du component mais rien y fait. Mon component Searchbar.vue

2. Comme montré sur le screen, il me reste un blanc qui n'est pas pris sur la page. Cependant avec l'inspecteur, quand je survole le blanc et le gris foncé ça affiche le même élément. Je ne sais donc pas d'où ça peut venir et donc je ne sais pas quel fichier partager. Ma page Home.vue

Merci d'avance pour l'aide (Merci de me ping quand vous me répondez)

[fleet tiger]

met une

position: relative;
z-index: 1000;

[meager beacon]

sur quel élément ?

[fleet tiger]

ta barre

ou son container

[meager beacon]

elle se met ici maintenant

[fleet tiger]

essaye de remettre l'attribut position comme avant et regarde

[meager beacon]

avec fixed elle se place bien mais y'a la scrollbar d'origine

[fleet tiger]

tu peux soit changer la scrollbar du body ou carrément la retirer

[meager beacon]

mais j'en ai besoin pour la page si la searchbar n'est pas là

c'est ça le truc

[fleet tiger]

donc change son design

[meager beacon]

ça va rien changer si ?

https://scrollbar.app/ j'utilise ça pour les faire

je vois pas ce qui va changer

[fleet tiger]

je comprend pas bien le problème que tu as avec la scrollbar ?

[meager beacon]

je te fais un petit rec attend

la scrollbar j'en ai besoin pour la page, mais quand je souhaite afficher la barre de recherche, elle reste alors qu'elle est inutile

[fleet tiger]

bah du coup tu peux masquer la scrollbar sur la page de recherche

[meager beacon]

c'est ce que je cherche à faire oui, mais comment ?

c'est pas une page

c'est une div qui est mise par dessus

[fleet tiger]

// tu appelles ça quand tu met ta div par dessus

function toggleScrollbar(enabled) {
  document.body.style.overflow = enabled ? 'auto' : 'hidden';
}

[meager beacon]

merci beaucoup, j'ai du un peu modifié mais ça fonctionne

[fleet tiger]

parfait, hésite pas à me mentionner si t'as d'autres questions

[meager beacon]

ok ok, bah j'y penserai

[meager beacon]

||@fleet tiger||

<template>
  <div id="home-page">

    <div id="home-container">
      <h1 id="home-title">Bienvenue sur PokéWatch</h1>
      <h4 id="home-subdesc">(le Wiki <span style="color: rgb(0, 119, 255);">Off</span>ic<span style="color: red;">iel</span> de ton FanGame Favori !)</h4>
    </div>

    <div id="home-presentation">
      <div class="presentation-card"></div>
    </div>

  </div>
</template>

<script setup>

</script>

<style scoped>
  #home-page {
    background-color: red;
    position: relative;
    top: -10%; left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: flex; flex-direction: column;
    align-items: center;
    width: 100%; height: calc(100% - 80px);
  }

  #home-container {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
  }

  #home-title {
    font-size: 48px;
  }

  #home-subdesc {
    font-size: 22px; color: #555;
    font-style: italic;
  }

  #home-oa {
    position: absolute;
    top: 60%;
  }
</style>

J'ai rebesoin d'aide vite fait
Actuellement j'ai une div dont j'ai mis le fond en rouge pour la voir, mais elle se positionne bizarrement au lieu d'être centrée
Si tu sais pourquoi, je prends

[fleet tiger]

bah elle est centrée

[meager beacon]

pas en hauteur je voulais dire

en largeur oui

[lapis flicker]

Faudrait que tu fasses du tailwind ça va te changer la vie @meager beacon

[midnight violet]

réel

[jolly edge]

Bonjour !
J'aurais une question.
J'ai fais mon porte folio en HTML CSS, il est plutôt clean et correct mais je voudrais utiliser les nouvelles techno.
Style Vue, Next etc.

Est ce que c'est compliquer à apprendre et est ce que vous avez des tutos ?

[lapis flicker]

t'es actuellement dans le même cas que @meager beacon tu devrais voir ce qui l'en pense du passage au framework. Il a commencé il y a moins de 1 semaine

[jolly edge]

Ça marche

[midnight violet]

Pas compliquer du moment que tu te donne les moyens puis un framework est la pour faciliter la vie tu verras après si tu as fais que du html css oui peut être compliqué si tu as fais du js cela serai que plus simple

[jolly edge]

Ça marche merci

[tame forge]

https://tenor.com/view/minions-ehh-no-nope-despicable-me-gif-14678187

Brules pas les étapes

Pour moi Tailwind c'est non tant que tu maitrises pas bien le CSS

Parce que le jour où on te demandera de pas utiliser tailwind, tu seras bien dans la merde

Sachant que si tu mets bêtement des classes sans savoir pourquoi elles font ceci ou cela, c'est useless

[midnight violet]

Le css trop chiant mais nono a raison malheureusement

[tame forge]

C'est comme vouloir faire un bot avec discordjs et pas savoir utiliser javascript

C'est se tirer une balle dans le pied parce que tu vas juste assembler des blocs sans savoir ce qu'ils font

[lime vector]

Après honnêtement, ça change pas grand chose du tout, je sais pas si c’est juste moi mais je pref utiliser le css classique vu que je vois pas trop en quoi tailwind simplifie la vie

[midnight violet]

Après dépend des gens perso je jure que par tailwind car c'est plus rapide d'écrire des classes déjà préfaite puis aussi les library qui sont nombreuse (shadcn, daisyui etc)

[tame forge]

J'étais dans la même team, et un jour je me suis dis que j'allais essayé

Bon ben j'ai plus refait de CSS depuis

[midnight violet]

réel cela

[lime vector]

J’ai essayé en stage, du moins c’était obligatoire, mais à part pour le responsive, pour moi c’est trop bizarre

Devoir mettre les classé direct dans l’élément html, on s’y perd vite

[midnight violet]

comme en css ? Fin sinon cela veut dire que tu faisais un "css" par élément ?

mêmes quand je faisais du css je faisais en mode "classe"

[lime vector]

Oui, sauf que là au lieu de juste mettre le nom de la classe, t’applique direct le style dans l’attribut class, mais ça rend le code moins beau

[tame forge]

Quand t'as plus de 5 classes c'est ignobles

Je suis totalement d'accord

[midnight violet]

le pire c'est bootstrap

mdr

(aucun rapport mais je voulais le dire)

[lime vector]

Oui c’est tout autant horrible

Mais bon la v4 de tailwind permet de créer des classes css ou des styles particuliers pour éviter de se retrouver avec du code horrible, je sais pas si vous avez vu

Personnellement je préfère utiliser le css classique vu que du coup ça revient un peu à la même

[midnight violet]

v4 apporte de bon truc

mais je prefère le système de config v3

[lime vector]

C’est beaucoup mieux ? Parce que moi j’ai testé que la v4

[midnight violet]

v3 il a son propre fichier de config et systèmes de thème la en sois il reprend juste les système css de base que je trouve pas ouf de base

[lapis flicker]

Mais ajd c'est très rare les sites sans framworkUI

[tame forge]

C'était pas déjà le cas dans la v3 ?

[lapis flicker]

je crois que ça y était déjà

la vraie diff c'est que le rendu est beaucoup plus rapide

Du moins c'est ce que j'ai retenu

https://tailwindcss.com/blog/tailwindcss-v4

et el famoso plugin vite

[heady elm]

pov moi à mes débuts

[tame forge]

Chaipa le je lis pas les release note

[tame forge]

[meager beacon]

donc vaut mieux que je reste en css vanilla que de tout refaire avec tailwind ?

[meager beacon]

pour donner mon point de vue
J'ai du coup pris Vue.js (et leur router pour faire une SPA)
Franchement tu peux trouver ça chiant à apprendre mais dès que tu as compris ça se fait tout seul
Et pour les tutos même si tu en as pas mal sur YouTube et autres, leur guide d'utilisation reste très efficace

[tame forge]

Yep

[midnight violet]

html css into cs

prout

[heady elm]

Très mature tout ça

[midnight violet]

toujours

[fleet tiger]

Pas moins que le message auquel on a répondu

[eternal bobcat]

Salut à tous, j'aimerais avoir des conseils pour de bonnes formations CSS. Je sais qu'on apprend en pratiquant, mais il me manque certaines bases. J'ai déjà suivi des cours sur OpenClassroom, mais je souhaite approfondir mes connaissances sur les grilles Flexbox, etc. Avez-vous des recommandations de formations en ligne, même payantes, ou des conseils pour m'entraîner ?

[lime vector]

Comme tu l’as dit, le mieux c’est vraiment la pratique parce que c’est vraiment comme ça que tu vas comprendre comment ça fonctionne. Il n’y a pas mieux que se casser la tête avec ça pour réussir à les maîtriser. C’est pourquoi je te conseille de faire des exercices qui sont portés sur les notions que tu veux retravailler. À part regarder des tutos de chapitre spécifique en css, je vois pas trop quelle formation pourra t’aider davantage. Tu peux t’exercer avec frontendmentor, il y a plusieurs exercices gratuits qui sont sympa à recopier

[eternal bobcat]

@lime vector Merci pour ta réponse 🙏

[dull dragon]

J'arrive un peu tard, mais pour les flexbox je peux te conseiller ce petit guide : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 🙂
Et pour t'entrainer : https://flexboxfroggy.com/#fr

[eternal bobcat]

@dull dragon Merci pour ton message je vais aller regarder cela 🙂‍↕️

[queen heart]

Et je mets où l'espace ?

[tame forge]

Je donnais juste la fonctione de gap

[queen heart]

J'aimerais que la modal ait une barre (pour descendre dsl chui pas clair) pour pouvoir descendre dans la modal c'est possible ?

[tame forge]

J'ai pas compris

[fleet tiger]

overflow-y: auto;

[queen heart]

Où?

Quelle partie du code?

[fleet tiger]

Sur le ce qui contient ton contenu en css

[queen heart]

Ca ne fonctionne pas ...

Ah di c bon

Par contre jai 2 scroll barres

[fleet tiger]

Met overflow-y: hidden; sur celui qui pose problème

[queen heart]

Je peux pas le mettre comme ca

[fleet tiger]

c'est à dire ?

[queen heart]

Bah jsp ou le placer pour que quand j'ouvre la modal elle disparaisse

[inner remnant]

Il fut plutôt expliquer à quoi sert overflow. La mdm web doc l'explique très bien: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

[inner remnant]

Sinon il faut du quand tu clique sur le bouton pour entrer dans ton .modal le js doit désactivé l'overflow et faire l'action inverse lorsque l'on clique sur la croix de fermeture.

[bitter sandal]

d'ailleurs je sais pas si tu connais, mais les modals (ou modaux mdr jsp) sont supportés nativement par le navigateur : https://developer.mozilla.org/en-US/docs/Web/CSS/:modal avec la fonction showModal

[queen heart]

J'aime pas js 😭

[inner remnant]

Moi non plus je ne connaissait pas. 😅

[inner remnant]

Là encore ça va il suffit de deux getelementbyid et d'un code de 3 4 lignes.

Après je n'ai jamais dit que j'aimais le .

[sharp cairn]

Je ne sais pas si c'est le bon endroit mais j'aimerais savoir comment customiser la title-bar d'une fenêtre Tauri v2. La documentation est très faible voire inexistante donc aucun moyen de trouver l'info sans chercher pendant des heures sur des forums obscurs, Chat GPT ne trouve pas non plus de solution fonctionnelle. Vous êtes ma dernière solution... Merci d'avance

[storm folio]

De ce que je vois tauri est plutôt pour le back donc le titre de ta fenêtre va pouvoir être changer en fonction du front-end que t'a décider d'associer

Puis si ta mit aucun framwork front end faut juste changer le titre comme n'importe quelle autres page html

[queen heart]

Salut !
Quelqu'un aurait le courage de jeter un coup d'œil à mon code (html,css et js) pour résoudre un problème...
La responsive et la position des boutons pour les onglets...

Pour +de détails jouvre un fils et pingez moi

[sharp cairn]

Oui mais je ne parle pas que du titre mais de la title-bar en général (j'ai trouvé le moyen de la retirer en modifiant le cargo.toml je crois mais maintenant je souhaite en rajouter une nouvelle que je puisse personnaliser en CSS par exemple, donc jusque là ça va, mais je ne peux maintenant plus effectuer les actions sur la fenêtre telles que la fermer ou la réduire (actions réalisées à la base via les boutons sur la title-bar que j'ai désactivée). Il faut donc que je mette mes propres boutons pour effectuer ces actions, mais je n'arrive pas à trouver comment faire en JS pour que cela marche.

[storm folio]

qu'est ce que t'appelle la "title-bar"

[quasi cave]

même pas cap de faire alt+shift+f sur ton html

[queen heart]

??

[quasi cave]

Essaye tu verras 🕺

[queen heart]

Formateur

Comment retirer la marge

Le blanc va pas jusqu'au bout de l'écran

[lapis flicker]

ta regardé si ta div parent était en width et height 100%
ou le width tu met 100vw et le height tu met 100vh

[queen heart]

Le body compte ?

[lapis flicker]

en html faut que tu t'imagines que la pluspart des balises sont tous des <div> sauf qu'il y en a qui ont déjà des propriété dessus (style, fonction, etc)

Donc oui le body compte

[queen heart]

Mais body si jle fait ca augmente la taille de l'écran...

[lapis flicker]

faudrait que tu essaies de te faire un squelette de ta page sur figma/ paint ou autre

[queen heart]

Genre jai une scroll barre en bas

[lapis flicker]

histoire de t'imager un peu comme peut être structuré ton appli

[lapis flicker]

c'est que t'as un élément qui dépasse de la largeur de ton écran

evite les éléments fixe du style "px"

[quasi cave]

Tu as essayé margin: 0 sur le body ?

[queen heart]

Yep

[quasi cave]

et tu as toujours le problème ?

[lime vector]

Essaye un margin 0 sur la balise html aussi

[queen heart]

C bon 🫡👌🏻

[tawdry flare]

Pour régler ce genre de problèmes, il faut mettre un "reset CSS".
En voilà un.

Quand on fait des projets avec du HTML/CSS/JS basique, ça peut arriver souvent qu'il y en a besoin d'un.
Mais quand tu partiras sur du plus compliqué avec des framework, tu en auras plus besoin car c'est géré d'office 👌

[queen heart]

https://codepen.io/Stikzy111/pen/vENYVzJ

Quelqu'un pour regarder svp et me dire ce que le navigateur pourrait ne pas comprendre svp et ce qui ne va pas

Ce que je devrais retirer ou rajouter

Nrmlt ya des img

[lapis flicker]

Non il n'y a pas d'image pcq codepen le prends pas en charge. Faut mettre les adresses de image directement

[queen heart]

Okok

[eternal stag]

Bonsoir à tous, petitee quesiton, je développe actullement un projet, et je voulais savoir s'il était possible d'xporter du html css (avc des animation style timer) vers une vidéo mp4 ?

[edgy idol]

Salut genre le rendu de ton site en MP4 ?

[eternal stag]

yes c'est ça, enfaite j cherche a automatiser la création d'une vidéo ou ça affichera les données des différnetes musique de la vidéo, c'est pas très claire je pense

Mais pour faire simpl

je créer des mix

et je cherche a faire des vidéos qui accompagne l'audio pour youtube

et pour chaque musique, j'aimerais afficher une genre de card avec la cover, le titre et le nom de l'artiste

[edgy idol]

genre les Wrapped Spotify ?

[eternal stag]

et je cherche à automatiser tout ça avec les 20-30 morceaux que j'ai dans chaque mix

[edgy idol]

Mmh ta pas besoin de faire une vidéo

[eternal stag]

quelque chose dans ce style

[edgy idol]

Oh ok

je vois

styler

mais ta pas besoin de mp4

[eternal stag]

ça c'est fair avec after effects

[edgy idol]

du coup

[eternal stag]

mais ça prendrai beaucoup trop de temps a faire pour chaque sons mdrr

[eternal stag]

comment ça ?

[edgy idol]

Mmh u automatise

avec un config genre

[eternal stag]

automatiser sur after effects c'est possible ?

[edgy idol]

quand tu ajoute ta musique tu rajoute les info

[edgy idol]

nn pas besoin

tu fait ta structure

en html css et avec ton js tu fait un genre de table / config tu vois

avec ton background

ton temps

ton image centrale

le titre

et ainsi de suite

[eternal stag]

oui je vois mais j'aurais que du html css la

[edgy idol]

Tu fait le reste en js pour automatiser

[eternal stag]

comment je le passe sur youtube après au format vidéo ?

[edgy idol]

après je sais pas comment tu veut l'utiliser

[edgy idol]

mais je comprend pas enfaite ce que tu veut faire ?

[eternal stag]

ça te dérange si on passe en m p ?

ca sera plus simple mdrr

[edgy idol]

parle ici c'est mieux a tout moment quelqu'un va arriver et te donner un solution

moi j'essaie encore de comprendre 😂

[eternal stag]

j'avoue pas beête mdrr

en gros j'ssaie de te faire simple

[edgy idol]

car tu me parle de YTB mtn 😂

[eternal stag]

j'ai déja créer tout un programme en python qui permet de créer ds mix d'1h 1h30 avec les musique qu je donne etc

fin la n'est pas le soucis mdrrr ça j'ai galéré un peu mais j'ai reussi à en arriver ou je voulais

le but après c'est de poster les mix sur youtube

et j'aimerais l'accompagner d'un visu sympa, un peu comm je t'ai montré

mais sachant que dans un mix il y a au moins 20 25 sons

il faut que je trouve un moyen de l'automatiser...

[edgy idol]

mais la tu obtiens quoi comme rendu avec python ?

[eternal stag]

pour l'instant c'est juste du son en mp3

le programme qu j'ai fais jusqu'à mtn c'est que le son

[edgy idol]

ah ok je comprend mieux ahah

[eternal stag]

et je fais des recherche mtn pour la partie vidéo

[eternal stag]

oui j'avoue qu j'ai pas du être hyper clair mdrrr

[edgy idol]

mmh après python je connais pas mais en js je pense que faire un mp4 avec un background faire une loading et tout je pense que c'est pas le plus compliquer

[eternal stag]

alors moi c'est le contraire mdrr, je connais pas du tout js ...

[edgy idol]

faudrait voir les librairie possible car j'amais fait ce genre de chose mais si tu et sur python faudrait que tu vois avec des gens qui maitrise le langage #python

[eternal stag]

après je suis pas forcémeent fixé sur python, c'est surtout que c'est celui que je connais le mieux ...

parce que jai reussi à exporter de html css vers python

mais en gros la libraire joue l'animation en entière pour pouvoir l'exporter

donc si j'ai une animation d'1h30, le programme met 1h30 pour l'exporter 😂 ...

[edgy idol]

mais le résultat et bon ?

[eternal stag]

la qualité est pas dingue mais ça je peux l'améliorer je pense

c'est surtout que j'ai abandonné l'idée quand j'ai compris le temps que chaque export allait mettre ...

[edgy idol]

la comme ca je vois pas comment faire il dois surement avoir des librairie mais jamais voulu faire ce genre de chose donc jamais chercher

[eternal stag]

okok pas de soucis

merci de ton aide quand même ^^

[quasi cave]

Yo, je connais pas trop ce type de fonctionnalité mais apparemment tu peux utiliser un package du style "Puppeteer" ou "Playwright" et une fois que tu as la logique de screen transformer les images en vidéo avec le package "ffmpeg" (pour JS)

[queen heart]

Bjr
La balise
<bgsound></bgsound>
Existe t'elle tjrs ?
Merci

[calm oyster]

C'est déprécié dans les navigateurs actuels

[calm oyster]

Si tu charges à avoir un son en background qui se lance solo tu peux utiliser la balise audio avec l'attribut autoplay

[edgy idol]

Salut les gars avez vous d'autres outils que le Lighthouse et Accessibilité de FireFox pour vérifier un site ( Perf, Accessibilité, Practice, SEO ) ? Merci d'avance

[lapis flicker]

https://pagespeed.web.dev/?hl=fr

ça se repose sur le lighthouse mais avec quelques précision, et de ne pas faire les test en local ce qui donne un résultat plus objectif que celui intégré au navigateur

j'en avais un autre aussi mais j'ai zapé le nom 🫠

[edgy idol]

Merci cest deja bien 🫡

Je testerais quand je rentre

[edgy idol]

Aie mobile pas ouf

[lapis flicker]

ça reste des résultats satisfaisant

[edgy idol]

Yes juste performances je sais jamais comment cest réellement calculer ?

Fin la ca va mais des fois je suis pas en vert

[lapis flicker]

t'aura peut être plus d'info là dessus https://developer.chrome.com/docs/lighthouse/performance/performance-scoring?utm_source=lighthouse&utm_medium=lr&hl=fr

[edgy idol]

Merci je regarde ca quand je rentre

[meager beacon]

Plop 👋
Je rencontre un léger souci qui me tracasse au plus haut point.

J'ai appliqué sur un parent les propriétés display: flex; et align-items: center;, mais un seul des enfants se centre verticalement (l'image) (le texte lui ne se centre pas)

— Voici mon code

<section id="intro">
  <img src="../assets/profile.gif" alt="risuu's profile picture" id="profile" class="Hover">

  <div id="introduction">
    <p><span class="color">Hey.</span> I am <span class="color">risuu</span>. I am a young <span class="color">French</span> developer.<br>I create <span class="color">Discord</span> bots and <span class="color">static & simple</span> websites.
    </p>
  </div>
</section>

<style scoped>
#intro {
    background-color: red;

    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#profile {
    border-radius: 50%;
    width: 6vw;
    margin: 0 4vw;
}

#introduction p {
    font-size: 1.4em;
    margin-bottom: 40px;
}
</style>

— Rendu sur la capture d'écran

Merci d'avance pour votre aide.

[olive wind]

Salut @meager beacon
tu as cette propriété qui décale ton texte vers le haut déjà : margin-bottom: 40px;

[meager beacon]

D'un coup je me sens très débile. Effectivement j'avais changé les noms des éléments sans pour autant en changer toutes les propriétés, merci beaucoup

[olive wind]

et ton flex-end : #intro {
background-color: red;
display: flex;
align-items: flex-end;
justify-content: center;
}
envoie ton image vers le bas, pour tout aligner verticalement (à moins que ce ne soit voulu), tu peux mettre un : align-items: center;

[meager beacon]

c'était juste pour tester quelque chsoe, mais effectivement j'ai remis sur center

[empty tartan]

@meager beacon et le text-align center aussi qui faut

[meager beacon]

pas forcément, j'aime bien comme c'est actuellement

[queen heart]

Bonjour .
quelqu'un à qui je pourrais donner mon code pour le mettre sur en ligne sur netlify ou autre () prcq chez moi j'ai je ne sais pas quel problème, et je ny arrive pas ...
Si oui me redire
Merci

[tawdry flare]

@queen heart toujours en difficulté ?

[queen heart]

OUIIIII

[tawdry flare]

Je suis là dans 20min, je rentre du taff

[queen heart]

Dans 20 min jpp mais dans 1h30

[tawdry flare]

Tu me ping, je te dirai car j'ai des trucs de prévu

[queen heart]

@tawdry flare

Dispo

[tawdry flare]

oui

[queen heart]

On f comment ?

Jai 10min

[tawdry flare]

https://discord.com/channels/223070469148901376/1097103843986251866

[queen heart]

À l'aide :

Voici mon code qui me donne ca

[pale nacelle]

Tu peux envoyer ton code ici directement, au lieu du screen c'est plus propre

```

[queen heart]

Tout en haut de la page

[queen heart]

Comment on fait ?

[pale nacelle]

Tu mets entre

``ça fois 3

genre

Trois de chjaque côté du msg

[lapis flicker]

CODE

[queen heart]

Ok je fais ca

Dcp le prob c le margine du txt

[lapis flicker]

t'as pas utilisé le display: flex comme je t'avais dis

[queen heart]

''' <div class="fontec">
<header><div><span class="multicolor-txt">Stikzy-Profil-Information <br>( Miel-P0ps )</span></div></header> '''

...

[lapis flicker]

c'est des accent grave qu'il faut mettre

Alt Gr + 7

[pale nacelle]

Bah déjà quel est le problème en soit ? C'est que ce soit aligné en haut ?

[queen heart]

Genre vous voyez ya mon texte stikzy profil ...
Qui est dans une box mais je n'arrive pas à le margine top sinon ca margine tte la box

[queen heart]

Qur le header ou la div ?

[lapis flicker]

La div

[pale nacelle]

Il faut que tu margin la div

Pas la div entière sinon c'est normal

[lapis flicker]

Tu devrais mettre ton header en

width: 100%;
height: 100%;

et mettre du padding à ta div voire texte

ça sera plus logique et ça evitera de te mettre des tailles fix (utile pour plus tard avec le responsive)

[queen heart]

Bah nan pas height

[lapis flicker]

ça permet que le parent s'adapte automatiquement à la taille de l'enfant

[queen heart]

😭😭

[lapis flicker]

et avec le padding tu peux lui donner un résultat plus ou moins similaire que ce que t'as actuellement

mais reste comme ça pour l'instant au pire

[queen heart]

Ok

Par contre le texte est tjrs pas consentant à bouger

[lapis flicker]

et fais gaffe dans le header t'as 2 fois width

[queen heart]

Ah oe

[lapis flicker]

Met ta div en flex et tu pourra manipuler facilement le contenu à l'intérieur

[queen heart]

Le prob c'est que c dej fait

[lapis flicker]

pas dans le code que t'as envoyé

tiens la petite vidéo de V2F pour parler du flexbox

https://www.youtube.com/shorts/38cYY4tWInk

rapide efficace

[lapis flicker]

C'est dans le css qui faut me montrer

[queen heart]

Mdr

[queen heart]

Reel

[lapis flicker]

ça c'est la première étape, t'as défini le type d'affichage de ta div, sauf que tu ne l'as pas paramétré

[queen heart]

J'ai aussi mis le header en flex

[lapis flicker]

https://developer.mozilla.org/fr/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox

[queen heart]

Et c bon je crois

[lapis flicker]

Si t'as mis un flex normalement tu peux voir ça dans ton devtool

et quand tu clique dessus ça va te dessiner ton flex

pour mieux se repérer

[queen heart]

Ya une commande pour que se soit centrer ?

[lapis flicker]

justify-content: center

il me semble

t'as align-item: center aussi

faut vérifier je suis pas sûr que ça s'écrive comme ça

https://enseignement.leomartin.net/upem/2020-2021/modules/flexbox/1-display-flex-direction-justify-align.html

c'est pas mal aussi ça

[queen heart]

Alors dans le header c good le texte est centré

Mais pas à la vertical

C ca que je cherche

[lapis flicker]

align-items: center; alors

https://enseignement.leomartin.net/upem/2020-2021/modules/flexbox/1-display-flex-direction-justify-align.html#propriete-align-items

regarde à cette partie là

[queen heart]

Oe jvais y aller

Jregarde ca merci

Je vais cabler jai plus de responsive

😭

[lapis flicker]

mdrr

c'est que quelque part t'as du mettre une taille fixe

[queen heart]

😭😭

Width : 95vh;

[lapis flicker]

ah

[lapis flicker]

tu sais ce que veux dire cette ligne ?

[queen heart]

Mais c la taille que je veux moi

[queen heart]

Wiew heigth

Ahh

Dsl chui nul pour ecrire anglais

[lapis flicker]

La longueur de ta div est = à 95% de la taille de la hauteur de l'écran

en gros

dans la logique ça serait vw à la place de vh

[queen heart]

Woawww

J'ai été mute /kick si vittee

[lapis flicker]

c'est l'automod surement

[queen heart]

Je disais je suis idiot un peu nan ?

[queen heart]

😭

Je minjurais moi mm

[lapis flicker]

mdrrrr

[queen heart]

Je test

Ouiiiii c bonnnn

Merci infiniment en tt cas t'es lo goat

[lapis flicker]

le vw et le vh c'est des unité responsive

[queen heart]

Merci de tjrs prendre du temps pour m'aider

🙏🏻🙏🏻

[lapis flicker]

et je me suis tompé c'est pas la taille de l'écran mais la taille de la fenêtre

[queen heart]

Oe mais c tjrs le bordel

[lapis flicker]

je vais bientôt manger je viendrais dans 1h

si tu veux me passer ton code en zip quand je reviendrai je ferai un tour

[queen heart]

👌🏻

[bitter sandal]

c'est quoi le pb exactement

[queen heart]

Nn nn c bon mtn mercii

[bitter sandal]

??

[queen heart]

yaura un prob avc la police bitcount

jarrive aps à la mettre bref bon appetit

encore merci

[lapis flicker]

C'est un détail ça tqt

[lapis flicker]

Les pratiques comme ça :

        <h3 id="txt-main">
            <span>&#128073;</span>
            <a href="https://discordXXXXXXXXXXXX" target="_blank" id="linkdisc">
                <em id="sz1">-Le Serveur Discord-</em>
            </a>
            <span>&#128072;</span>
        </h3>

Tout mettre dans le h3 pour avoir le texte en gros c'est limite

[pale nacelle]

ça se fait plus même

Fin c'est très..

[lapis flicker]

dans le h3 faudrait uniquement le contenu c'est à dire ceci
<em id="sz1">-Le Serveur Discord-</em>

[lapis flicker]

Pour un début c'est pas très grave

[pale nacelle]

Oui oui

[lapis flicker]

Pareil pour les <em> normalement on les met plus en html (pareil que le <br> qu'on avait parlé l'autre fois)

tout en css

[queen heart]

Jai pas compris pour le cut

Mais dcp pour la police d'écriture aussi

[lapis flicker]

c'est mieux que tu utilises ceci sur ta class css

https://developer.mozilla.org/en-US/docs/Web/CSS/font-style

que plutôt une balise <em>

idem pour le bold <b>, underline <u> etc

[queen heart]

Underline ne fonctionne pas...

[lapis flicker]

https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/u

bref tout ça

[queen heart]

Dcp je dois faire quoi ?

[lapis flicker]

Ton h3 devrait uniquement contenir "Le Serveur Discord" et après pour le reste pour que ça match bien faut bidouiller le css

c'est pour ça que je dis pour un début c'est pas grave

Si jamais tu comprends bien le CSS tu passeras au TailwindCSS ça te changera la vie

[queen heart]

Mais dcp pour le reste les h3 c bon ?
Jai le droit ?

[lapis flicker]

J'ai regardé vite fait mais tant que dans une balise titre <h> il n'y a que du texte et pas autre chose c'est bon

[exotic thistle]

Salut j ai une question je suis en train de fair un site et je me demandais si ça changer quelques chose pour les autre que le chemin d accès de mes image commencer de mon C: et de mon dossier personnel prcq moi du coup je les vois mais je ne sais pas si eux vont voir? Je sais pas si vous comprenez

[midnight violet]

Normalement, tu le mets dans ton dossier du site sinon non ils pourront pasl es voir si tu mets le site en ligne sans les images dans le dossier du site

[pale nacelle]

LEs img ça va dans : src/assets/img normalement 👀

[exotic thistle]

Dans le dossier vsCode du coup ? Prcq la c est dans un dossier où il y a mon vsCode et un autre avec mes images

[pale nacelle]

Non mais dans tous les cas, si tu laisses tes img en local et que tu décides d'héberger ton site, bah personne verra tes images.
Tes img dans ton C: donc dans ton pc local

[exotic thistle]

Je suis désoler mais j ai rien compris je les met dans quel dossier du coup?

[pale nacelle]

Envoie un screen de l'arborescence de ton projet

[lapis flicker]

Fais nous une petite capture d'écran de ton arborescence de dossier/fichier

[exotic thistle]

Ok là je suis en voiture je fais ça se soir

[pale nacelle]

Hésite pas à ping

[exotic thistle]

Ok

[exotic thistle]

@pale nacelle @lapis flicker deso j avais oublier voilà mes fichier dite moi si ce n étais pas ca que vous vouliez

Pour info img et favicon ne sont pas dans .vscode

[lapis flicker]

Il me semble que le .vscode ne doit pas contenir de fichier autre que la config du proj

Je vois ce que tu veux

Mets tout ton .vscode à la racine

[exotic thistle]

A ok merci je teste et je te dis

[exotic thistle]

C ça merci à toi

[queen heart]

Enft ya que moi comme idiot qui ai appelé mon index autrement...

😮‍💨

[meager beacon]

c'est par convention qu'il est toujours nommé index

[lapis flicker]

l'avantage du index c'est que t'es pas obliger de mentionner le nom de domaine + le nom de la page

juste le domaine suffit

[tame forge]

Tout dépend de comment tu configure ton webserver

[lapis flicker]

true

[queen crane]

tout dépends de ton htacces aussi

[tame forge]

Le htaccess c’est la configuration du webserver

[tawdry flare]

Si je veux faire chier, tout dépend du framework
Même si techniquement, ça reste le index, d'un point de vue serveur

[tame forge]

[spring moat]

salut !! j'ai une question ?

[meager beacon]

Salut 👋
Ne demande pas de poser une question, pose-la directement

.

[spring moat]

comment on active le wedget sur les serv discord ?

[meager beacon]

Dans les paramètres de ton serveur, tu vas dans le troisième onglet et c'est tout en bas

[spring moat]

ah bah j'ai trouver au final merci quand meme !!!

[signal raven]

les gars est ce que ya qql de dispo pr voc svp ?

[queen heart]

C quoi ?

[signal raven]

tu peux voc meme mute stp ?

[queen heart]

Oe stv

[queen heart]

#1097103869718315119

@signal raven

[ornate cloak]

Hello des personnes s'y connaissent en gsap et SVG ?

[tight plover]

oui ?

[jolly edge]

Salut tout le monde, j'ai une petite question, actuellement j'ai un site que j'ai fais en vue.js, j'ai fais un npm run build pour pouvoir l'héberger mais quand je le mets sur mon raspberry pour l'héberger avec apache ça ne fonctionne pas. j'ai essayer le l'ouvrir directement depuis mon pc et pareil

[void anvil]

Hey est-ce que tu peux voc ?

La cause peux être ton ndd, tes ports, si tu passe par CF, si tu met un certificat, ta conf apache, tes modules apaches, et j'en passe

J'ai l'impression que ça tient plus du réseau que du dev

[jolly edge]

Même si c’est en local ?

Genre en mode j’ouvre mon fichier index.html avec Google sur mon pc et j’ai juste un page blanche

Et ça me mets une erreur liée au module de vue.js

[void anvil]

AH

Non ça marche pas comme ça

x)

[jolly edge]

Att ça sera plus simple si on voc

[void anvil]

Tu doit le mettre sur un serveur web

Apache

Je suis parti x)

[jolly edge]

ah mince

[jolly edge]

Jvais essayer de trouver un tuto ytb

[fierce field]

En local tu peux utiliser serve pour simuler un serveur http (idéalement faudrait utiliser docker)

Mais je te conseille plus nginx que apache

T'as juste à build ton site et copier le contenu de ton dossier dist/ dans ton répertoire nginx

[jolly edge]

ça marche merci !

[restive fog]

après sinon j'ai dev un outil pour host ce genre de projet si jamais tu veux test

[thorn rose]

apprend docker

ça te sauvera

[rough wren]

salut, je dev web frontend depuis quelques mois et je connais html css + tailwind, la je voudrai apprendre js mais je tombe sur pleins de vidéos différentes vous auriez pas une roadmap pour moi svp ?

[forest dagger]

SoloLearn

[rough wren]

j'en ai deja entendu parler mais faut payer pour acceder a certaines formations non ?

[forest dagger]

non gratuit

avec le premium t'as 2-3 trucs en plus

[rough wren]

okok

merci

[uncut skiff]

Donc vraiment avantageux ou pas ?

[exotic thistle]

L app Code Life c comme Duolingo mais le dev et y’a pr le web (c’est une application récente donc il y a du contenu qui arrive. Mais il y a déjà de quoi faire)(il y a aussi python et SQL)

[rough wren]

Je vais installer aussi alors merci

[uncut skiff]

Je crois qu'il y a un site web associé avec également mais pas surrrrr

[exotic thistle]

Nn je crois que c est un autre truc mais ce qui est bien avec code Life c est que tu peut apprendre sur ton téléphone donc même quand tu a pas ton Pc et il y a des exercices avec du vrais code donc c’est vrm pratique

[forest dagger]

Non

[signal raven]

Cc si y'a qql qui pourrait m'aider svp pour faire des CGI sur mon site web je veux bien 🙂

[exotic thistle]

Je peut peut être t aider juste je suis encore très calé sur tout les nom pourrais tu me dire qu’est-ce que CGI?

[signal raven]

C'est un script en python qui permet d'automatiser un systeme sur un site

[hidden dune]

Asuba

[fading dragon]

hello guys my name is jawdat im new here

[hushed pelican]

Hello qlq sait comment faire un effet liquid glass en css ?

[inner remnant]

Il existes de site pour générer le css (il suffit du backdrop filter blur d'un border semi transparent , d'une ombre et d'un background transparent privilégiant un dégradé)

[inner remnant]

Pour le dégradé css utilise colorbeta

[heady elm]

Attention c'est assez coûteux en performance

[hushed pelican]

Merci pour les infos

Finito

[worthy patio]

Salut

[tawdry flare]

@austere lark round 2 !

[austere lark]

coucou, tu fais de l'html toi aussi ?

[tawdry flare]

Diisbshfifkfnzbjaej

[pale nacelle]

Et c'est repartiiii

[modern escarp]

hello!

[crude karma]

hey

[blazing heart]

this is a program to build website right?

[inner remnant]

Yes

[inner remnant]

If you'd like to ask for help creating a website, you can.

[nova panther]

Version test pas finie avec plein de bugs de mon jeu 3D marche sur mobile et PC.

[lapis flicker]

Attention à la duplication

[worldly verge]

heyy

[atomic rose]

Hey

[frigid sable]

Hey guys

[covert hinge]

hey

[idle delta]

@Shawn🤗😁

[sour bramble]

@warm flower

Dsl t la

Jetait occupé

[warm flower]

vien vocal live coding

[sour bramble]

Ok t ou @warm flower

[pale nacelle]

<@&656162541063372830> Arf

[bitter siren]

hii'

[steel inlet]

hello

[steel inlet]

hi how are you

[bitter siren]

hello bos

[pale nacelle]

yop

[sterile flower]

hello Akari

[signal raven]

Cc 🙂

[lapis flicker]

👋

[reef anvil]

hi

[crisp sable]

Hi

[true marsh]

Hi... I am Jack...

[true marsh]

Does anyone help me?

[spare perch]

Yes ?

[idle vector]

[true marsh]

Hello.. Torto...

can you help me?

[midnight violet]

just ask

[true marsh]

hi.

[proper arrow]

bonjour , Un bouton radio est constitué d'une forme ronde et d'un point au centre (lorsque le bouton est sélectionné). Je souhaite modifier la couleur des deux. Est-il possible de le faire en html je dois utiliser seule du html dans ce devoir merci

[midnight violet]

pas possible juste avec html tu as forcément besoin du css

[proper arrow]

ok merci pour ta réponse bonne journée à toi

[mellow falcon]

How to make the background an picture whenever I try it makes the picture again and again I only want one background picture

[tame forge]

https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat

[mellow falcon]

K thanks im still learning im new to html

My school teaches html

[cosmic verge]

hello

[jolly edge]

Salut j'ai crée mon premier vrai site en vue.js j'aurais besoin d'avis !

[austere lark]

Présente le nous dans #1036572121683464222 👀

[glad wren]

JSON:

[
    {
        "name": "hxr74gs",
        "x": 3.24729392173189,
        "y": 58.59766277128548,
        "linkedTo": ["yvznmsf", "kz8rixm"]
    },
    {
        "name": "mnoda2w",
        "x": 3.330557868442964,
        "y": 71.28547579298832,
        "linkedTo": ["hxr74gs"]
    },
    {
        "name": "mmfjw9j",
        "x": 9.159034138218152,
        "y": 71.95325542570951,
        "linkedTo": ["ynulww4"]
    },
    {
        "name": "ynulww4",
        "x": 9.658617818484597,
        "y": 59.26544240400668,
        "linkedTo": ["ue5ybcm", "ynulww4"]
    },
    {
        "name": "8492zzp",
        "x": 15.82014987510408,
        "y": 59.26544240400668,
        "linkedTo": ["ue5ybcm"]
    },
    {
        "name": "ue5ybcm",
        "x": 16.23646960865945,
        "y": 46.24373956594324,
        "linkedTo": ["nsinodm"]
    },
    {
        "name": "yvznmsf",
        "x": 9.908409658617819,
        "y": 45.90984974958264,
        "linkedTo": ["5ukqlzb", "xpm4vfs", "nsinodm"]
    },
    {
        "name": "kz8rixm",
        "x": 3.413821815154038,
        "y": 45.57595993322204,
        "linkedTo": ["xpm4vfs"]
    }, "a":"déso nitro message trop long"
]

A gauche c'est mon image, le json c'est sa représentation structurée à et à droite c'est juste un moyen de se rendre compte des positions des bulles

(Si des gens savent comment rendre ce système adaptable pour n'importe quel site web, responsive, etc je suis preneur !)

[lapis flicker]

Faire un system de grid 3x3 je pense que ça peut aider pour la responsivité

[broken walrus]

Je dev ceci en html 👀

Un site ou vous pouvez en gros, avoir les horaires en temps réel des transports de Nantes !

[glad wren]

non ça aide pas....

[wooden parcel]

gg gros juste tu sais comment faire pour pas que les elements de la page bouge a chaque fois que tu change la dimension de la page stpp

@lapis flicker

[lapis flicker]

Ta flexboxcon a un width de 40% ça veut dire qu'il va prendre 40% de la longueur de la div parent. Donc si tu change la taille de ta fenêtre, ça changera la taille de ta div parent et donc le 40% n'aura pas la même valeur

[wooden parcel]

mercii et comment je dois faire ? svp

[lapis flicker]

Tu devrais tout mettre en %, em ou rem pour que ça soit responsif

Faudrait que justement tout bouge que plutôt l'inverse

[wooden parcel]

ok mercii

[broken walrus]

Petites améliorations

[void anvil]

Oeee

[proper arrow]

bonjour j'aurai besoin t'aide sur du css je dois faire un devoir , si quelqu'un est disponible ?

[lapis flicker]

Bien sûr poses nous tes questions et n'hésite pas à envoyer du code ici

[proper arrow]

merci après le but du devoir c'est de réaliser le même rendu que les pages donc je dois partir de zéro pour le css

j'ai mes pages html

mais je dois faire la partie css pour toutes les pages et avoir le même rendu

mon premier devoir pratique en css c'est pas aussi simple que le html je trouve 😅

je dois commencer par ça j'imagine vu que c'est pour toutes mes pages html voici la consigne :

Le contenu devra être affiché dans un espace centré sur la page avec une largeur
maximale de 1200px. Les espaces vides de chaque côté auront la couleur grise
(#f3f3f3), La police d'écriture Roboto sera commune à l'ensemble du site,

si quelqu'un a une solution merci ^^

[lime vector]

Tu veux la réponse ou de l'aide ?

[proper arrow]

de l'aide dans un premier temps j'aimerai bien trouver par moi même et comprendre mes choix , si je demande à quelqu'un de faire mon devoir à ma place y aura pas intérêt je pense que c'est parceque je manque de pratique en même temps c'est le première devoir en css...

[lime vector]

C'est quoi alors que tu ne comprends pas dans la consigne ?

[proper arrow]

pas la consigne c'est plutôt le css ^^

[lime vector]

Je comprends pas trop..

[proper arrow]

bas je sais pas faire avec le css enfaite

[lime vector]

Et t'as commencé un peu ?

[proper arrow]

juste du cours

[lime vector]

Parce que tout est dit dans la consigne, peut-être que tu n'arrives pas à retranscrire ce qui est expliqué dans la consigne en css?

Mais faudrait que t'explique exactement ce que tu n'arrives pas à faire

ou fournir le code que t'as déjà fait pour mieux t'aider

[proper arrow]

la police je sais faire pas de soucis c'est surtout le reste (Le contenu devra être affiché dans un espace centré sur la page avec une largeur
maximale de 1200px. Les espaces vides de chaque côté auront la couleur grise)

c'est partie là je sais pas comme faire en css

[lime vector]

Okay

Je te conseillerais de jeter un coup d'oeil sur ce site : https://www.w3schools.com/css/default.asp

Le css, c'est surtout connaitre les propriétés, et une fois que tu les connais, tu peux facilement avancer sur le site, donc tu devrais te renseigner sur une propriété qui permet justement d'établir une largeur maximale, comment centrer etc

Sur plusieurs forums aussi t'as différentes solutions qui peuvent t'être donné

[proper arrow]

ok merci bien je vais regarder

[lime vector]

de rien ! Y a aussi ce site qui est français si jamais
https://developer.mozilla.org/fr/docs/Web/CSS

[wanton osprey]

Bonjour, dans mon index.html de mon site, j'ai essayé de mettre le logo à côté du nom du projet, mais ça met un logo seulement avec une petite image vide intégrée dans le mot "logo". En bref, j'aimerais importer mon image sous forme de logo dans mon index.html, mais cela ne fonctionne pas depuis mon code. Pourriez-vous m'aider ?

C'est une image placeholder avec le mot logo, genre c'est assez relou.

[oak dune]

Montre ton code

[lofty goblet]

Pls should I just learn python first or I need to learn html and css with java before python

[midnight violet]

🤷‍♂️

[feral mist]

What’s your need ?

[lofty goblet]

i mostly intrested in python

[feral mist]

You should learn Python then

[lapis flicker]

There is no order of language learning, the 2 are for 2 completely different things. So no problem to do python with Web

[cobalt briar]

i need help with css

i know html and js but css

[inner remnant]

Explain your problem

[tame forge]

#poster-une-recherche

[valid flint]

Hello, How are you all

I just started learning html anyone here to teach, need your guidence btw I'm from India student

[proper arrow]

bonjour je dois reproduire cette page

voici mon résultat pour le moment

j'aimerai un peu aide si possible merci d'avance

voici mon code html et css

[inner remnant]

Tu peux l'envoyer en fichier?

[wise hamlet]

❓ Obtenir de l'aide

Tu as besoin d'informations ? Tu es au bon endroit !
Consulte la liste des sujets pour en savoir plus sur Creators Area.

💻 Comment on envoie du code ? 💻

Pour envoyer du code sur Discord c'est très simple !
||Il vous faut d'abord du code... Et deux cubes de Kubor ! ||

En vrai, il faut utiliser les blocs de code de Discord :
Pour cela entoure ton code de ceci : ```

Par exemple :
```js
console.log("Salut Creators Area !")
```

Le résultat sera le suivant :

console.log("Salut Creators Area !")
```*Si tu es sur téléphone, tu ne verras pas le bloc de code*

> *TIPS: Si ton code est trop long, tu peux le coller sur [pastebin.com](https://pastebin.com/) et envoyer le lien par message.*

[clear escarp]

@proper arrow Possible d'envoyer le code comme ça on voit pas trop ?

[surreal juniper]

Salut !
Je peux te le reproduire si tu souhaites ?

Envoie sous forme de fichier et je 'en occupe lorsque j'ai le temps

mais ça à l'air d'être basique donc je te le fais rapidement 😉

[lime vector]

il apprendra pas, ça serait dommage

[tame forge]

Je crois que t’as pas trop compris le but d’un exercice

[lapis flicker]

C'est marrant de devoir reproduire une page où t'as déjà le code source

[raven bronze]

Bonjour !
je suis actuellement en train de faire 2 sites internets (mes premiers). L'un c'est un portofolio anfin de montrer au gens / entreprise ce que j'ai fais et mon parcours, et le 2eme c'est pour un bot discord afin de mettre les terms of services et tout ce qu'il faut.
Mais jsp ce qu'il faut mettre des licences, des droits je suis paumé vraiment.. on m'a dit que si qqun portait plainte j'avais une amende mais jsp pk

[mint venture]

Yoo

[surreal juniper]

comment ça des licenses ?

quelles licenses ?

[raven bronze]

pour savoir si je recupere des données ect?

[surreal juniper]

quelles données par ex

[meager beacon]

il parle des conditions d'utilisation et de ce genre de démarches

[raven bronze]

exactement :,)

[meager beacon]

perso j'avais fait un truc maison, en partant de 0
j'avais juste consulté quelques sites pour voir leurs conditions et voir globalement ce qu'il faut mettre

[raven bronze]

d'accord merci beaucoup ! j'essaierai ça

[late shoal]

Hello tout le monde, je suis tout nouveau en dév et j'ai une question par rapport a mon code car j'ai un prbl, j'aimerai faire un truc hyper simple mais je n'y arrive pas ...
J'ai ouvert une balise <a href=""> pour pouvoir mettre un liens dans mes " " vers un autre endroit sauf que je n'arrive pas a créer le fichier qui doit servir a être mis dans les " " car quand je le cré il n'est pas reconnaissable par VS code dans les proposition de fichier .html a joindre entre " ".

Je ne sais pas si j'ai étais clair mais si quelqu'un peu m'aider, je lui en serais très reconnaissant.

[meager beacon]

ça doit être un problème avec les chemins d'accès, essaie de mettre deux points puis le /

./path même dossier
../path dossier parent
../../ dossier encore au-dessus

etc

[late shoal]

Merci je vais essayer ca

[modest sentinel]

hyy there.... actually wanted to know that from where can i start web development for free?? like ik basics of html what to do after that

[inner remnant]

If you want to learn, you can use your own free will and go to MDN Web Docs or W3Schools. Otherwise, if you want to take pre-organized courses, you can use Mimo — but personally, I find that learning is too slow. Otherwise, you can go to YouTube, where Sajid gives good CSS courses on styling pages.

If you want to host a web page instead, you can use GitHub Pages.

[modest sentinel]

THANKS A LOT

[unkempt belfry]

hii

[hallow forge]

bonjour, est-ce que vous connaitrais des servers spécialaisé dans la conception de logos/images en css?

faut que je le refasse et c'est dur le haut de la voiture

[lapis flicker]

Des logos en css ?

Tu veux peux être parlé de vecteur ? @hallow forge

Genre SVG

[hallow forge]

hmm non

[lime vector]

on fait pas des logos avec css, à moins que ce soit un exercice ou quelque chose du genre ?

[hallow forge]

oui mais c'ets bon c'est pas obligatoire

[inner remnant]

Non par contre por les pixel art je connais... https://pirillo.com/arcade/css-art.html

[hallow forge]

Ho merci

[dull slate]

Bonjour tout le monde je suis en plein apprentissage de css et je voulais savoir si quelqu’un savais comment faire pour que si je fais un padding mon border que j’ai fais ne s’agrandisse pas lui aussi ça dois vous paraître con mais j’ai pas la solution

À la base j’ai fais un box-sizing et j’ai mis border-box mais ça ne marche pas

[brave jay]

Tu veux faire une bordure plus grosse ?

[dull slate]

Non juste faire une mini bordure

Mais qui ne colle pas le texte

Donc j’ai fais un padding

Mais ça fais ça

[brave jay]

Le padding donne de l’espace dans le container donc l’idée c’est de mettre ton padding dans une div et dedans tu mets ton texte avec la bordure
<div class=padding>
<div class=border>
<p>Mon site<p/>
<div/>
<div/>

[umbral sinew]

like

[turbid ember]

I'm developer

[rich mortar]

Hello! Je viens de commencer à apprendre le css et hmtl. Quand j’ai essayer de mettre ma boite parente au centre de l’écran grâce à
display: flex;
Justify-content: center;
Align-items: center;

Je suis bloqué avec ma "boite" qui ne se centre pas sur le cross-axis

Si quelqu’un peut m’éclairer sur le sujet, se serait vrm apprécier

[open pond]

tu as un height ?

[open pond]

Envoie moi ton code complet

[rich mortar]

il y a vraiment rien de compliquer. Comme dit plus haut, je viens tout juste de commencer ^^

par ailleurs, qu'elle est la différence entre display flex et grid?

est-ce que je devrais en priorisé 1? si oui, lequel?

[lime vector]

Je pense que c’est parce que ton body essaye de prendre la taille du html, son parent, qui lui aussi a une taille de 100% (en height), donc sans taille fixe le centre ne fonctionne pas

Essaye plutôt de mettre 100vh

[rich mortar]

Wow, merci!

bon j'ai ma section 2 qui est plus petite que ma section 1 mais je vais tenter de trouver la solution par moi-même

[lime vector]

les flexbox vont souvent gérer une rangée, alors que grid c’est surtout pour avoir une « grille » complète, donc tout dépends de ce que tu souhaites faire. Idéalement pour aligner des éléments on utilisera souvent des flexbox, alors que pour mettre en place plusieurs sections, ou tout simplement une grille, ça sera grid

[rich mortar]

donc dans mon cas, j'aurais du utilisé un grid?

[lime vector]

Pas forcément

Vu que t’es en apprentissage, tu peux juste te concentrer sur les flexbox pour le moment vu que tu l’utiliseras plus souvent, puis après tu pourras voir grid et voir ses différences avec flexbox, c’est plus simple de comprendre une fois qu’on maîtrise une de ces notions

[rich mortar]

Parfait! Merci énormément!

[turbid ember]

Hello

[severe sky]

hello

[void anvil]

hey hii

[ocean narwhal]

Hi

[void anvil]

hi guys

[broken walrus]

Ca y'est, hier, mon site est sorti officiellement !

https://lemf01.github.io/TraficLib/TraficLib.html

Faites un tour dedans si vous avez le temps !

[twilit ravine]

Qui peut m’aider pour ajouter fonctions sur mon site web IA

[plush furnace]

J'ai besoin d'aide j'arrive plus a mettre une image en fond d'écran sur mon site en utilisant VS code j'ai déjà fais avec une autre et ça a fonctionné il y a 2 ans mais maintenant plus rien. Quelqu'un peut m'aider ??

[lime vector]

quelle fonction?

[lime vector]

ça serait cool de montrer le code, je pense que vs code n'y ait pour rien

[twilit ravine]

J’ai une API de hugging face je voudrais la changer avec une autre que j ai trouver de hugging face j arrive pas

[lime vector]

plus rien ne fonctionne ? c'est quoi qui bloque exactement?

[twilit ravine]

Jsp comment la changer j ai essayer de changer quand je parle sa dit erreur d’api

Alors que l’api marche bien

J ai tester sur hugging face

[lime vector]

Montre l'erreur

et le code si possible

[twilit ravine]

Ça dit j ai pas pur traiter votre demande

J ai changer que le modèle

[lime vector]

y a pas une erreur sur la console ?

[twilit ravine]

Par le bout de scripte

[twilit ravine]

Je fait sur un plesk

[lime vector]

ça empêche pas de voir ce qu'indique la console

[twilit ravine]

J ai pas vue

Mais après

J ai changer que le modèle pas tout le scripte

Sur hugging face sa demande un token peut être c ça ?

[lime vector]

je sais pas, sans code ni rien c'est dur de t'aider

puis en changeanrt de modèle d'ia, c peut différer la façon dont tu le traites avec le code

[twilit ravine]

Je peut t envoyer ?

Tu peut jeter un coup d’œil

[lime vector]

envoie le ici

tu pourras avoir l'aide de plusieurs personnes

[twilit ravine]

Je préfère en prv c quand même un grande code

[lime vector]

tu l'as pas mis sur github ?

[twilit ravine]

Nan?

[lime vector]

ça serait pratique, autant pour trouver ce qui cloche en partageant ton code que pour toi

[twilit ravine]

Je vois je vais le faire

En attendant je t env ?

[lime vector]

je préfère ne rien télécharger désolée

[lapis flicker]

Tu pourrais l'envoyer ici comme ça on pourrait t'aider à debug

Mais je pense que tu dois avoir mal renseigné ke token huggingface

[plush furnace]

Ouais pas de soucis tu veux que je te l'envoie où ??

[lime vector]

Ici

[plush furnace]

Yes pas de soucis

Voilà @lime vector

C'est ça mon code

Alors c'est juste un test hein je "m'exerce"

[lime vector]

l'image que tu cherches à mettre en background c'est laquelle ?

[plush furnace]

La ligne qui est dans la cellule Head fais gaffe y'a aussi l'icône

[lime vector]

Mais sinon, petit conseil, ça serait mieux pour toi de créer un dossier pour ton projet test, comme ça dedans tu n'auras qu'à mettre les images qu'il te faut ainsi que le fichier .css et bien sur les pages .html, ça va t'éviter aussi de devoir mettre le chemin absolu pour chaque image

[lime vector]

ahh okay, mais alors ça donne quoi le fichier style.css?

au cas où, tu n'as pas besoin de l'attribut type

[plush furnace]

Alors je me suis aidé de chat gpt pour essayer de me débloquer donc il m'a donné ça mais ça me paraît bizarre

Genre par rapport a ce que j'avais déjà fais par le passé c'est trop gros JUSTE pour un simple bakcground

[lime vector]

c'est possible de raccourcir un peu en effet, mais c'est globalement ce qu'il faut faire

je pense pour débuter, c'est assez bien comme ça, vu que ça permet de savoir à quoi sert chaque propriété

mais ça fonctionne comme ca ?

[brave jay]

Salut, dans ce tuto tu peux trouvé comment gérer les images ect : https://creatorsarea.fr/tutoriels/tutoriel-web-pour-les-debutants-avec-vscode

Si jamais ça ne t’aide pas, je pourrais t’aider 😉

[plush furnace]

Non pas du tout

[lime vector]

Okay, déjà, assure-toi que le chemin vers ton image est bon(c’est pour ça que je t’avais conseillé de mettre les images directement dans le dossier du projet, comme ça t’as pas besoin d’utiliser un chemin absolu) Ensuite, vérifie que ton fichier CSS est bien appliqué au site, aussi, j’ai remarqué qu’il y a un espace dans le nom du fichier ou du dossier, donc ça peut aussi poser problème (je suis pas sûre mais autant utiliser de bonnes pratiques maintenant)

[plush furnace]

D'accord je vais essayer merci

Les autres images fonctionnent sans être dans le même dossier mais pas le background c'est ça que je comprends pas

[restive fog]

faut pas mettre le path absolu windows mais le path directe de l'image imaginons que ton arch ressemble à ceci :

index.html
assets

• css
  • style.css
• img
  • background.jpg

ton background-img doit ressembler à ceci :

background-img: url('../img/background.jpg');

[plush furnace]

D'accord

[austere lark]

@twilit ravine -> #poster-une-recherche

[twilit ravine]

Oe

Quelqun serait m aider en désigne moderne ?

[dim valve]

https://dontasktoask.com/fr/

[twilit ravine]

Pas compris

[meager beacon]

pour faire simple, ne pose pas une question vague pour attendre que quelqu'un te réponde, pose directement ta question

[eternal stag]

bonjour, des gens sy connaissent en scrapping web svp ?

[lapis flicker]

J'ai quelques base c'est pour quoi faire ?

[eternal stag]

je cherche à récuper des données sur le site de la nba, mais il y a des données qui sont chargé dynamiquement j'ai l'impression et qui ne sont pas récupérable avec bs4 ou selenium ...

par exemple ce qui est en bleu, j peux le récuperer

mais dès que je veux des élèments a l'intérieur de cet dev, ça ne les trouve pas

[lapis flicker]

Quand tu utilises bs4 ou selenium, ton navigateur sait que tu utilises un script pour controller le navigateur. Donc les sites web peuvent demander au navigateur si la session actuel est scripté ou non. Ce qui fait que certain sites arrivent à se protéger

ça arrive souvent

Tu veux scrapper quoi ? Car je pense qu'il doit exister des API NBA si tu veux des stats ou score

[eternal stag]

le problèem c'est qu je veux utiliser absolument le site de la nba, comme ça je récuperer toutes les stats directment

https://www.nba.com/players/todays-lineups

sur cette page, je veux récpuerer les compos des 5 joueurs prévues pour chaque match

et après récuperer leur stats a chacun (sur la page spécifiqu a chaque joueur)

[lapis flicker]

T'as regarder si c'était pas déjà dispo en APIs ?

ça serait plus simple

[eternal stag]

en api je peux récup les stats

mais pas forcément les lineup de tout les matchs chaque jour ?

comme y'a tout sur le même site directement je me suis dis que c'était bcp plus simple

[lapis flicker]

https://hoopr.sportsdataverse.org/reference/nba_teamdashlineups.html

Car à tout moment le site NBA se protège contre le scrapping et ça va être relou pour toi, et pas légal.

De plus si ton scrappe marche, il suffit d'une petite maj du site qui change quelques nom & disposition et c'est fini

[eternal stag]

oui c'est pas faux, après j'aovue que j'ai peut ^tre pris la facilité aussi parce que je maitris pas bcp les api 😂

[lapis flicker]

J'appel surtout ça se compliquer la vie

T'inquiète pas les api c'est simple

Je suis tomber sur le site Sportradar qui à une api très complète mais payante...

Je penses que ces mecs là payent NBA pour avoir de la data. En gros ils payent le droit de scraper

check là dedans si il n'y a pas des données que tu recherches :https://rapidapi.com/api-sports/api/api-nba/playground/

[eternal stag]

ce qu je comprnds pas c'est commnt je ne pux pas scrappere alors que dans f12 on voit le cod

[lapis flicker]

En gros quand tu utilises un framework de scrapping, ça ouvre ton navigateur en mode "dev script" un truc comme ça

et si tu affiches ce que le scrapper voit, bah chrome (par exemple) il t'affiche un message tout en haut comme quoi "Ce navigateur est contrôlé par un logiciel ou script tiers"

un truc comme ça

[eternal stag]

et t'as pas moyen de simuler comme si c'était un vrai navgiuateur ?

[lapis flicker]

Il y a toujours un moyen

Je vais pas t'aider là dessus mais je sais que ça existe 👀

Faut rester dans la légalité

[eternal stag]

C's pas légal de récuperre ds données dun site ?

en soit c'est comme un humain qui va sur le site pour tout recopier à la main

mais en plus rapide ?

[lapis flicker]

Le scrapping c'est légal, mais si un site t'empêche de le scrap et que tu le fais quand même là c'est illégal

C'est dans leur droit de réfuser

exemple principal avec le robot.txt pour autorisé le robot de Google (par exemple) à scrapper ta page pour le référencement

[eternal stag]

connais pas du tout ^^

[lapis flicker]

Bref c'est juste pour dire que quand tu scraps les sites que tu vas savent que déjà que t'es un scrapper. après à eux de voir si ils acceptent ou pas

[eternal stag]

okok ça marche

merci à toi en tous cas !

[lapis flicker]

tqt

[austere lark]

@fringe kindle -> #poster-une-recherche

[cerulean hull]

Hello tout le monde ! J'ai un gros, gros problème avec mon site internet sur Framer. Comme vous pouvez le voir sur l'image, l'écran de gauche tourne sous iOS avec Chrome, et à droite sous Windows avec Edge et Chrome. Je ne sais pas d'où vient le problème d'alignement de mon texte sur les boutons, ça me le fait quasiment sur tous mes boutons. Je ne pense pas que le problème vienne du navigateur, étant donné que j'ai deux Chrome d'ouverts. Mais ça me laisse penser que c'est l'OS par défaut qui change le rendu. Mais encore, ça ne tient pas debout étant donné que les pages internet sont en HTML/CSS. Quelqu'un aurait-il une explication ? Merci d'avance 🙂‍↕️

[inner remnant]

Il y a pas une différence de versions entre les navigateurs? Des fois çela impacte l'apperçu.

[lapis flicker]

Peut-être par rapport à la taille et résolution de la fenêtre ?

[pure flicker]

Souvent c'est avec le navigateur (Genre Chrome) parfois elle active des traductions automatiques et... sa fait n'importe quoi, ou bien c'est juste la taille et la résolution de la fenêtre.

[cerulean hull]

Hello tout le monde merci beaucoup pour vos retours ! Il faut que je regarde ça en détail encore aujourd’hui ! Je pense que le problème vient de l’interlignage ! Peut être que d’un OS à un autre c’est gérer différemment ?

(J’ai les mêmes valeurs à droite et à gauche pourtant)

[lapis flicker]

Chaque navigateur (en fonction du moteur) gère à sa sauce

Je sais que par exemple firefox et un moteur chromium le résultat sera bien différent

donc à voir si c'est pareil avec safari

ou les versions de chrome IOS

[cerulean hull]

Après plusieurs test, je peux confirmer que le problème vient de comment est généré le rendu de la page Framer sur l’OS par rapport à ma font. Il y a peut être une histoire de webkit ou je ne sais quoi je ne m’y connais pas du tout. Concrètement ce que ça fait sur iOS ma ligne de base est plus haute sur ma police BN Super Sized par rapport à Windows où le haut et le bas est bien équilibré par rapport à sa bounding box (je connais pas son terme en fr) c’est l’encadrement invisible qui délimite la place prise par la font

[winter adder]

hello

[twin pier]

I’ve got a simple monthly task available for someone living in the US, Canada or EU. It’s quick, easy, and pays $200. No experience necessary. Let me know if you’re interested.

[candid wadi]

aux secousses @main veldt

<@&656162541063372830> *

[cobalt briar]

hello

[bitter siren]

Heyy

[calm jungle]

is khan academy any good for learning html? its how i originally learned and now im re-learning. if you have any better free suggestions please ping me, also a ping for any responses would be great cuz i never check here

[hollow fjord]

hi

[idle violet]

Première maquette de html css finit, pr 2 semaine d’apprentissage 🥳🥳🥳, je suis très content, tout travail est récompensé, pour ma part, c’est ma fierté qui est récompensé

[mystic bronze]

Ca fait deux semaines d'apprend et tu sais déjà faire ça ?

[mystic bronze]

Hiiii

[idle violet]

Ouiii mdrrr première année bts sio j’ai fait 3 cours après tout le reste à la maison en passant des nuits sur mon ordi mdrrr

[mystic bronze]

...

Sa fait des mois j'apprends j'ai toujours rien compris

[idle violet]

C’était le zooning final j’en est fait 12 que le prof a envoyer avant celui la j’ai 1 semaine d’avance chui Archie content sa me laisse du temps pour commencer à apprendre le JavaScript

[mystic bronze]

Et toi en quelques semaines tu sais déjà

[idle violet]

En vrai j’ai grv regarder des vidéos YouTube sa aides vrmt

[mystic bronze]

Félicitations

[mystic bronze]

J'y comprend à rien sur leur video

Enfin j'ai regarder

Mais même c'est compliqué

[idle violet]

Ah we ?
Même les vidéos de plusieurs heures ?

[mystic bronze]

Oui 😞

Je pense c'est à cause de mes problèmes de mémoire

[idle violet]

Tu veux je te partage les premiers zooning que mon prof a envoyer c par niveau c grv sa qui m’a aider la vérité

[mystic bronze]

J'aimerais bien merciii

[idle violet]

Mais non lache pas l’affaire jte juree tu sera tellement fier à la fin de chaque étape faite

[mystic bronze]

J'ai arrêté pendant quelque tant avec les cours mais je vais reprendre

[mystic bronze]

J'essaie sa fait depuis l'enfance j'ai envie d'apprendre à codé

Et apprendre les langages

[idle violet]

Installe aussi Mimo sur ton tel c grv ludique et les blocs sont déjà fait c simple

[mystic bronze]

Je l'avais mimo pour html j'ai appris beaucoup

Grâce

[turbid ember]

hello iam developer

[mystic bronze]

Helllooooo

How are yuuuu

[idle violet]

Hélio

Heloo

[turbid ember]

fine'

[mystic bronze]

Gooood

What do u doing

[turbid ember]

I’m currently working on web development projects for clients.

[mystic bronze]

Ohhhhh coool

[mystic bronze]

@idle violet

J'ai peur un peux sorry

[idle violet]

bahaaaaaa, si seulement j'avais ce niveau de dev

mais oui mdrrrr je comprend c'est pour toi mdr

[mystic bronze]

Partagé via une appli de lecture gratuite et complète - Lecteur de documents : https://st.deepthought.industries/vuA32i

Mdrrr

Ça m'a fait ca

J'aurais pas du l'extraire

@idle violet

[idle violet]

wawwww mdrrr non sa c juste le dernier document

c'est un recap des propiété css

mais ce doc même moi jle comprend pas

[mystic bronze]

Mdrrrr

<h4>miskine</h4>

[idle violet]

mais tu peux me faire confiance ya rien mdr c le doc de mon prof

😂

pov: le prof veut hacker ses eleve

[mystic bronze]

<h1>Il veut tes hagra<stronge> le prof ouuu</h1>

[mystic bronze]

Mdrrrrrr

Je crois bien

[idle violet]

<h1>me laisse pas détruire mon ordis tout seul</h1>

[mystic bronze]

Ca co-écrit comme ca stronge ?

[idle violet]

sans le e c'est mieux

[mystic bronze]

<h2> t'inquiète mdrr<p> t'es pas seule maintenant<h2>

[idle violet]

<p>anglais-bancal</p>

[mystic bronze]

Y pas de </p> normal

[mystic bronze]

<h6>Bahahahah</h6>

[idle violet]

<p> rajoute le p fermant tu va debugguer partout</p>

#p fermant obligatoire

[mystic bronze]

Print("merciiiii")

[lapis flicker]

ça parle en html dans le chat carrément

[mystic bronze]

Mdrrrrr weee

Au moins je retiens comme ça

Ou sinon j'oublie

[idle violet]

const p = '</p>' console.log(rentre le toi dans le crane : p)

[lapis flicker]

il manque les " pour le console log

[idle violet]

mdrrrrr oui c'est vrai

et mm un +

[lapis flicker]

ou une ","

[idle violet]

jles pas encore appris le javascript

mais merci bien

[lapis flicker]

J'ai vu les formes que t'as fais au dessus

c'est pas mal

C'est full css ? ou il y a une tructure html avec ?

[idle violet]

merciiiii, oui ya une structure html mais remplis de div

[lapis flicker]

C'est clean

t'as utilisé des Flexbox ?

[idle violet]

ouiii que en flex, pratiquement

même le prof c'est pas pris la tete a le faire mdrrr, il l'a fait sur canva jpense, prcq symétrie = 0

vous me conseiller d'apprendre le javascript ou python ?

[mystic bronze]

Python c'est plus facile

[lime vector]

ça dépend pour quoi

[idle violet]

J’ai pas de but pr l’instant à proprement dit jvien d’intégrer le bts sio

[lime vector]

Je capte, si c'est pour du web, vaut mieux partir su Javascript vu que c'est un fondamental, et si c'est pour t'initier à la programmation, vaut mieux commencer sur du python

dans les 2 cas, tu va baigner dans la programmation, mais genre disons que python ça t'ouvre plusieurs portes

[idle violet]

Hmmmm okkkk, merci bien, j’pense jv suivre le python du coup si tu dit que sa ouvre plus de porte sachant que js qu’avec les cours on va passer par le JavaScript

Mais pour ma recherche d’alternance de l’année prochaine, tu pense que c’est mieux pour en trouver une de connaître impeux le plus de language ou me spécialiser dans 2 ou 3

[meager beacon]

spécialise-toi
ça sert à rien de connaître un peu tout, il vaut mieux maîtriser quelques choses et savoir les utiliser correctement que tout savoir à moitié

[idle violet]

Okkk, Jprend note merci bcp

[gloomy escarp]

Bonjour quelqu’un. Saurait comment avoir un template pour y ajouter un bouton de mon launcher privée minecraft

[wanton osprey]

Salut ! Tu veux dire un template de site web ou d’interface pour intégrer un bouton qui lance ton launcher privé Minecraft ? Si oui, tu peux créer un petit site HTML avec un bouton qui exécute ton launcher via un lien personnalisé (ex. minecraft-launcher:// ou ton propre protocole).
Sinon, précise si tu veux un template web, un template d’app, ou un template Discord/logiciel, qu’on puisse t’aider plus précisément.

J'attend ta réponse ^^

[vivid elk]

yo j'ai une question qui va faire fonctionner les cerveaux :
Je rencontre un bug très étrange avec mon site hébergé sur Surge.sh () qui bloque mon référencement Google.dw-studio.surge.sh

Mon problème : J'essaie de mettre à jour mon pour qu'il contienne :robots.txt

User-agent: * Disallow:
Mon fichier local est correct et la commande se termine bien.surge

Sauf que l'URL en ligne () continue d'afficher l'ancienne version :https://dw-studio.surge.sh/robots.txt

User-agent: * Disallow: /
Ma découverte : Si j'ajoute un paramètre à l'URL (ex: ), là, je vois bien le bon fichier (sans le ) !https://dw-studio.surge.sh/robots.txt?v=2/

J'en conclus que c'est un problème de cache CDN chez Surge qui ne se vide pas lors du déploiement. J'ai déjà tout essayé (Ctrl+F5, navigation privée, 4G...) mais rien n'y fait, l'URL racine reste sur l'ancienne version.

Est-ce que quelqu'un a déjà eu ce bug avec Surge ? Y a-t-il un moyen de forcer la purge du cache chez eux ?

Merci d'avance pour votre aide !

[lapis flicker]

C'est bien un cache CDN, personnellement j'ai un site qui avait le même problème au niveau de la traduction.

Du coup j'ai du mettre aussi un système de version si jamais les textes changeaient.

Sans le versionning :
En dev tout marche parfaitement mais en prod si les personnes n'ont pas coché dans le devtool "Désactiver le cache" (pas tout le temps) et qu'ils sont déjà venu sur le site au moins une fois avant ma modif, ils verront pas les changements

[vivid elk]

euh merci beaucoup mais du coup de mon coté je dois chnager d'hébergeur ou bien supprimé le site et l'héberger une nouvelle fois ou bien tout simplement je peux creer un fichier pour forcer cette manip de leur coté ? (Je suis un débutant donc je suis un peu perdu)

[lapis flicker]

En gros ça veut dire que les nouvelles personnes qui arriveront sur ton site n'auront pas ce problème. Après vu que c'est le robot.txt je pense que c'est différent, le robot de google pour indexer ta page je pense qu'il sait gérer ce genre de manip

[vivid elk]

ah ok parce que sur la google search console ilme dit que le robot est bloqué à cause du fichier du coup mon site n'est pas indexé.

[lapis flicker]

après je connais pas Surge jsp comment il gère le cache

sur internet les gens parlent d'un teardown

si ça persiste tu peux essayer le redéploiement comme tu disais au dessus

C'est différent de mon cas

car moi aussi je vois le :

User-agent: *
Disallow: /

[vivid elk]

okay merci quand même

[meager beacon]

#1036572121683464222

[near basin]

Ha ok merci

[amber tusk]

Hey quel qu'un aurait une idée de site à dev ? complexe comme simple, mon seul objectif le finir

[austere lark]

go faire un Snake multi joueur

[amber tusk]

pas un jeu si possible (pas mon kiff)

[lapis flicker]

Slither.io

[inner remnant]

Je suis en train de réfléchir a un editeur de doc multi-format(md html adoc odt pdf... mais aussi les variantes pour les slides et les qcm...) sur web mais je n'ai pas trop le temps pourquoi pas le faire en communauté...

[queen heart]

Slt ya des trucs à modif pour que internet le prenne ?

Dzns les noms de fichiers ?

Ou un hébergeur gratuit pour tous les fichiers

[empty tartan]

Tu peux host sur imgur

Et récupérer le lien direct

Où tu peux même utiliser GitHub si c'est juste un site statique

[queen heart]

Ok👌🏻 parce que netlify ne prend pas tout les fichier et encore moins le code du bot discord

[versed apex]

@main veldt

[small sedge]

Bonjour

[tame forge]

Les 11 lois du Michel respectueux sont disponibles sur #rules

#michel #zarocratie

Ah oui et au passage si tu pouvais arrêter d’envoyer ta pub, ça serait sympa

[glass whale]

@tame forge c'est des contenu pour le web c'est pas forcément de la pub

[tame forge]

C'était pas un blague quand je te demandais d'arrêter

[empty tartan]

[lapis flicker]

[clear escarp]

Ah il a quitté

[tame forge]

Il a pas aimé mon humour

[narrow jewel]

How to use it

[empty tartan]

Use what

[agile helm]

Si un modo passe par la, pour del le mess du coup 🫢🙂

[clear escarp]

||c'est mon emoji préf ||

[primal quarry]

hello

[narrow jewel]

yes

[tender bison]

Hello

[meager yoke]

https://tenor.com/view/you-know-but-you-can't-prove-it-i-know-but-i-can't-prove-it-suspect-dexter-doakes-gif-11285259217231544246

je sais que c'est un eboy mais je ne peu pas le prouver ...

[lapis flicker]

https://tenor.com/view/dexter-gif-1878760417600646737

[rotund token]

hi i m new

would anyone like to see a code of mine?(i have very low knowledge and time to do but did it anyways by refining my code using ai)

[mortal canyon]

Type "!" In a empty html file in VSCode
Thank me later.!

[rotund token]

i already know

[mortal canyon]

Show us your code then

[rotund token]

eh sorry if i did smthing wrong

or ai did to my code

[mortal canyon]

Nice clean design
Just optimize for mobile devices too

[rotund token]

hmm. k

[mortal canyon]

Wanna check my website?

[rotund token]

why not

[mortal canyon]

https://deadhydra.me

Here it is

[rotund token]

wait

wow

grok ruined one of my other codes

@mortal canyon you here?