#html-css

1 messages · Page 15 of 1

mortal canyon
#

Use Claude

rotund token
#

claude betrays. only deeepseek helps most

rotund token
rotund token
mortal canyon
#

upper area is going outside of the screen fix it

image.png
#

@rotund token

rotund token
#

hmm

#

its earlier one

#

and i adjust zoom for it for now

#

and actually i have no hobby of coding but stilll made it for myself

#

but still guess my age

mortal canyon
mortal canyon
rotund token
mortal canyon
#

🙂

rotund token
mortal canyon
rotund token
mortal canyon
rotund token
#

haha

#

what your pc spec

mortal canyon
#

Intel pentium silver n5030 processor and 8gb ram

rotund token
#

oohh. pentium g2020, 4gb ram

#

haha

mortal canyon
#

🙂

rotund token
#

you are good vro

mortal canyon
rotund token
mortal canyon
#

Where are you from?

rotund token
#

india

#

your age?

mortal canyon
#

Ah indian kid

mortal canyon
rotund token
mortal canyon
rotund token
#

168cm nearly of mine

mortal canyon
#

Good

rotund token
#

hey wait

mortal canyon
#

What

rotund token
mortal canyon
#

use color #000000 for background then play it from an OLED or Amoled display device

image.png
rotund token
#

but no need. who has oled

mortal canyon
rotund token
#

good one. amoled mobiles are cheap

brittle granite
#

console.log("Salut Creators Area !")

#

😅

clear escarp
#

mdrrrrr

#

Pour cela entoure ton code de ceci : ``

c'était ça la partie importante

brittle granite
#

je fais ca ou

#

dans mon vs code

clear escarp
#

non tu copie colle ton code ici et tu l'entoure de ``

#

au début et à la fin

brittle granite
#

mon code il prend des pages le probleme

#

et j'ai pas de nitro

clear escarp
#

un par un*

brittle granite
#

avec quoi j'envoie ?

#

j'utilise witransfer

clear escarp
#

avec discord

image.png
#

le petit plus

brittle granite
#

ah okk

clear escarp
#

un par un comme ça on peut check le contenu sans download XD

brittle granite
#

ah ok

#

les .html cest ca ?

#

ah cbon

clear escarp
brittle granite
#

j'envoie aussi les images ?

brittle granite
mortal canyon
#

Hello

#

@keen tree

clear escarp
#

@mortal canyon ?

mortal canyon
clear escarp
mortal canyon
rotund token
#

hi. who will make me explore this server

mortal canyon
#

á„ŹđŸ«€á©€

rotund token
#

weird. i dont know what you meant zayan

cosmic slate
#

hi guys try rocket developer in coding

edgy timber
humble oar
cosmic slate
#

yo guys who has build an api

fluid lantern
rotund token
#

can everyone test and rate my code? i have one. its called discipline tracker! please rate(no hates please)

rotund token
#

anyone here???

#

please

lapis flicker
#

Send your code in sandbox

#

Like codesandbox

rotund token
#

hmm idk i m new. so sorry. gimme guide but i m doing coding as a break meaning i dont actually have time to dedicate to this. soo sorry again as i cant learn. ill try searching that codesandbox

meager beacon
rotund token
#

do i have to share url?

lapis flicker
rotund token
#

sorry youll be disa appointed if i told the truth

#

sorry, damn sorry

#

i used ai to make it

#

soooorry

#

deepseek

lapis flicker
#

don't worry

rotund token
#

uhm wha?

rotund token
lapis flicker
#

However, you need to know what you're doing and have a basic understanding of coding.

#

For example, at first glance you can clearly see there's a problem with the structure of your file. All the code is in one file, but the HTML, CSS, and JS should be in three separate files.

rotund token
#

i know the basics actually

#

but i didnt wanted it to be complicated to share soo

#

till now i didnt knew codesandbox

lapis flicker
#

The HTML code you shared above is the "same" one.

#

You can put your entire project in Code Sandbox, there's no problem.

#

like vscode

rotund token
#

ok good

inner summit
inner summit
edgy timber
#

ask me any html

robust obsidian
edgy timber
robust obsidian
edgy timber
#

Both, difficult and easy

robust obsidian
#

Or a webapp for weather

#

and you use an api to get information

edgy timber
robust obsidian
rotund token
#

hey, is windows 11 better than this?

Windows_101.PNG
#

Windows 10

tame forge
queen heart
tame forge
lapis flicker
#

Je ne sais pas Ă  quel point c'est chiant Ă  mettre en place

tame forge
#

:O

#

J'adore mais la turbo flemme de passer sur arch

rustic steeple
#

Heloo les gens pour faire votre front-end vous utiliser quoi ? vous le faite 100% main ou ya des framework cms etc pour ?

lime vector
#

Mais pas le choix de les essayer pour savoir ce qui te convient le mieux

rotund token
#

linux dirtying windows lol, but imade windows 10 look better than 11 so yea

rotund token
restive fog
cosmic hatch
#

Alguém br

austere lark
cosmic hatch
#

Sorry

crimson tundra
#

css is an ocean and ai is the blue whake of that ocean

winter imp
#

No, AI is more like a sunfish: big but dumb, at least when it comes to CSS.

rocky field
#

J'arrive pas a diminuer la taille des cÎtés car vous pouvez voir qui rempli tout le champs

9f3fd42a-e277-4536-bd74-615245798b3f.jpg
#

(j'essaye de m'entraßner à créé des sites connu pour m'améliorer)

#

Ah oui selon chatgpt je doit faire ça avec padding et quand je fait bah il diminue de taille mais de haut en bas

meager beacon
rocky field
#

Pas des cĂŽtes

rocky field
#

En fichier ?

meager beacon
#

tu as des sites comme pastebin

rocky field
#

Ok merci

meager beacon
#

tu peux copier coller et ça fait un lien

rocky field
meager beacon
#

.com

rocky field
#

Ok merci

#

VoilĂ  j'ai mis

#

Je comprend pas trop le site mais c'est normal que

meager beacon
#

tu enregistres et ça te fait un lien que tu peut partager

rocky field
#

Ok merci

meager beacon
#

"Create New Paste" en bas, si jamais

image.png
rocky field
#

J'ai appuyer sur create new paste

#

C'est bon

meager beacon
#

ça t'a fait un lien dans l'url

#

tu peux l'envoyer ici

rocky field
#

c bon

#

@meager beacon j'ai envoyer si ta pas vu .. 😭

rocky field
#

C'est bon j'ai régler le problÚme

floral quarry
#

Qui fait du no-code ici (particuliĂšrement webflow) ?

rustic ridge
#

Je recherche un stage de 2 mois au mois de mai et juin je maĂźtrise html css JavaScript mysql et php .

torn seal
#

i need help plz

lapis flicker
empty tartan
rustic ridge
spark timber
sterile urchin
#

quui peut m aider en voc 2 spi svp

glad fjord
golden atlas
#

Je suis dĂ©veloppeur full-stack avec 5 ans d'expĂ©rience Ă  la croisĂ©e du frontend et du backend – et il m'arrive parfois de faire des erreurs grossiĂšres avant de les rĂ©parer. Je conçois des interfaces agrĂ©ables pour les utilisateurs, des API tolĂ©rantes pour les ordinateurs et des systĂšmes qui restent gĂ©nĂ©ralement opĂ©rationnels tant qu'on les surveille.

Au fil des années, j'ai appris à jongler entre les nouvelles fonctionnalités, les bugs et les demandes de derniÚre minute qui commencent souvent par « petite question ». Je suis aussi à l'aise pour peaufiner le CSS au pixel prÚs que pour explorer la logique du backend en me demandant qui a bien pu écrire ça (spoiler : c'était moi).

frosty isle
#

continue ce que tu fais et ne lache jamais continue a faire ce que t'aime 🙂

mental hull
fair gulch
#

hello les dev front . On organise un tournoi dev Web dans #1473264533597327455 et #discussion-dev n'hésitez pas à rejoindre l'aventure

flat patrol
#

Ok merci

surreal juniper
#

Bonjour, j'aimerais reproduire ce bouton exact, mais je n'arrive pas Ă  comprendre comment le reproduire, avec le bon box shadow et tout, merci de votre aide

a3dcb9bb050d2d281ccdeacb1e6daafc.png
warped bone
surreal juniper
warped bone
#

ah

surreal juniper
#

je sais pas comment gérrer par ex le dop shadow, ils disent 4px mais je sais pas dans quel ligne du box shadow le mettre ce 4px par ex

warped bone
#

je m'y connais pas dutout en code, mais Ă  mon avis tu dois avoir sur les docs CSS des variables qui reproduisent les dropshasow ect

tame forge
eternal brook
restive fog
eternal brook
lapis flicker
waxen pebble
#

aidez moi

glass delta
mental cradle
#

salut j'ai besoin d'aide , jsp si c possible , la ma div j'ai mis overflow hidden mais du coup je voulais mettre un bouton avec une position absolute en ignorant l'overflow comment je peux faire

image.png
#

car l'overflow il m'empeche de mettre mon bouton

glass delta
vivid quiver
vivid cliff
bold turtle
#

Yo, vous connaisez un site qui regroupe tout les language de programmation ? mais genre interactif pour chaque attribut

vivid quiver
#

dessus t'as pas tout les langages mais beaukout de trucs : https://devdocs.io/

DevDocs

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more.

bold turtle
lapis flicker
bold turtle
lapis flicker
#

Pas compris

neon lotus
vivid quiver
vivid quiver
robust obsidian
# bold turtle

Juste tu ouvre VSCode, tu télécharge LiveServer, tu ouvres le dossier avec la page html (de préférence index.html), tu allumes LiveServer qui va ouvrir ton navigateur sur localhost:5500, et normalement à chaque modification que tu fais en CSS et HTML et que tu enregistres, la page va se mettre à jour.

#

Si c'est du HTML, CSS et JS

wooden sphinx
#

Bonjour,
Je recherche un moyen de combiner des fichiers CSS.
Avez vous un moyen autre que Ă  la main ?

glass delta
tame forge
lapis flicker
bitter sandal
wooden sphinx
glass delta
restive fog
wooden sphinx
#

Oki merci 😊

fair gulch
#

j-14 avant le début du tournoi développement Web n'hésitez pas à vous dans la file "inscriptions tournoi développement Web" #discussion-dev merci

sullen yarrow
#

Bonjour pouvez vous mŽaider je souhaiterais créé un site web pour mon studio de développement de jeu vidéo et je voulais savoir quelle son vos conseille pour créé lŽarchitecture de base et via un panel admin pouvoir modifier les jeu les lien réseaux sociaux ect

weak sparrow
#

Je suis développeur web fullstack, donc je suis trÚs à l'aise dans la création de sites web, de la conception à la mise en ligne.

sullen yarrow
surreal juniper
sullen yarrow
dusty garnet
#

Hello

vernal path
#

yh

wooden silo
#

laisse-moi sais le probleme

strange girder
eternal brook
merry swallow
#

hello

lunar pelican
#

Hello'

tardy island
#

đŸ€Ÿ

eager hemlock
analog sequoia
eager hemlock
#

ah ouais ? ce sont que les images que j'ai fais avec de l'ia parce que j'allais pas le fatiguer Ă  en faire alors que j'allais pas le publier

maiden bear
#

Bonjour

somber knoll
dire tiger
eager hemlock
#

Et c'est pas Claude

dire tiger
#

peux ĂȘtre pas mais ta surement fais sa avec une ia est c'est vraiment ressemblant a ce que la plus par des ia font et c'est aussi beaucoup le mĂȘme design qu'on vois sur les pseudo saas ou site qui sorte souvent maintenant

burnt kernel
#

Claude peut littéralement faire le style que t'as envie

#

Ça ne veut rien dire

#

Si tu lui donnes pas d'indication il te fera un style générique

Mais si tu sais utiliser l'ia tu lui fait faire le site que t'as envie

mystic flare
eager hemlock
brave jay
#

Et au pire c’est quoi le problùme ?

#

Au moins tu présentes un truc qui est pas mal

lime sage
#

Vraiment

glossy dawn
#

Hey everyone

hearty nest
#

yo les gars esque vous avez des avis sur le site dans ma bio ou des conseille j'a icommencer il y a pas longtemps

austere lark
icy blade
#

Check out my website plz

#

Just copy paste

#

Give me /10

hybrid cliff
#

hello, j'ai un problĂšme avec tailwind :

<ol class="grid grid-cols-5 flex flex-wrap gap-3">
        <li v-for="exoFound in searchedExos" class="basis-1/3"> <Card :exercise=exoFound /> </li>
    </ol>

ma liste ne prend pas toute la longueur de la page, mais elle s'arrĂȘte au milieu pour reprendre Ă  la ligne suivante.
Pourquoi cela ?

#

c'est bon j'ai résolu mon problÚme

#

cela venait d'ailleurs

native tiger
cobalt sparrow
#

@raven raven

olive mirage
cobalt sparrow
eternal stag
#

Bonjour Ă  tous, je cherche Ă  mettre un arrondi sur ma box

#

cependant c'est un tableau

#

donc mon contenu se situe dans une balise th

#

comme ceci

#

si jamais quelqu'un à un peu temps pour m'aider, ça serait avec plaisir :)

tame forge
#

Faut que tu appliques le radius sur table et non pas th

eternal stag
#

ah mais nan mĂȘme pas, ça va juste arrondir les 4 coins de ma table ?

#

ca va juste arrondir ici ?

glossy dawn
#

Hey everyone

lapis flicker
eternal stag
# lapis flicker Yep

Ce que je voudrais c’est juste arrondir les haut de ma colonne « essential »

#

Si tu regarde bien il y a un bg color un peu plus clair

#

c’est les coins en bleu ici que je voudrais arrondir

tame forge
#

Tu peux ajouter une div dans ton th dont tu arrondis les coins du haut

lapis flicker
#

Ou rework le tableau et faire un flex grid

tame forge
#

Ça peut aussi

restive fog
#

Puis c'est plus propre d'utiliser un grid pour ce genre de chose

#

Sans pour autant supprimer le tableau pour les comparaisons

eternal stag
#

J’avoue que je suis un peu moins a l’aise avec les grid, j’avais essayer avec un div dans le th mais ya des soucis de tailles avec ça dĂ©cales les bordures etc

#

Je vais voir comme je peux faire en grid alors, merci !

eternal stag
restive fog
eternal stag
restive fog
eternal stag
restive fog
eternal stag
#

merci pour ton aide !

fading wadi
#

Hello!

#

I've just joined

#

Let me introduce everybody.

#

I speak only English, I'm learning html & css

echo hedge
#

hello every one my english is not good 😊

#

i want to learn python but i dont know how to start ?

echo hedge
eternal stag
#

j'espÚre que je ne te dérange pas

#

l'idée de la div dans la celulle fonctionne nickel

#

par contre j'ai un soucis de décallage entre deux bordures

#

sur la droite y'a un décallage

#

pourtant quand j'inspecte elle font les deux la mĂȘme taille :/

image.png image.png
spare perch
#

Quand tu crois formir mais que tu débutes et dev ca en 3 heures !

image.png
#

Une petite note ? (Bien sur le site est en développement, et ne sortira jamais en publique, c'est juste une version teste)

nimble vector
nimble vector
#

genre tu la mettra jamais en ligne

inner summit
#

I want to know the method build the simple chat site with 2 members using the react and node.
Help me.

misty compass
#

hi

nimble vector
#

hi ?

nimble vector
vernal yoke
#

Bonjour

Je suis une quiche en HTML/CSS et j'aurais besoin d'un peu d'aide pour comprendre la bonne pratique
J'ai fait un hero qui fait 100vh, donc la hauteur de l'écran. Au milieu de cet héro, j'ai un gros slogan

Comment définir la taille de mon slogna ? J'utilise clamp() mais je me base uniquement sur le width
C'est une bonne pratique de se baser sur la hauteur du hero aussi ? Car j'imagine qu'en fonction de la taille de l'Ă©cran, je dois aussi adapter la font

icy blade
#

Ok❀

vast quarry
# vernal yoke Bonjour Je suis une quiche en HTML/CSS et j'aurais besoin d'un peu d'aide pour ...

Bonne question ! Se baser sur le vw seul dans clamp() est déjà trÚs bien et ce que font la plupart des devs. Mais tu peux combiner les deux si tu veux :

font-size: clamp(2rem, 4vw + 2vh, 6rem);```


Ça peut aider sur les Ă©crans larges mais courts, genre un laptop en paysage. Sinon le plus important c’est juste d’avoir des bonnes valeurs min/max pour que ça reste lisible partout !​​​​​​​​​​​​​​​​
#

J’espùre que ça pourra t’aider !

nimble vector
#

ah g trv

vast quarry
nimble vector
#

tqt je fesais des test

vast quarry
#

3x ca au debut et Ă  la fin et si tu veux vraiment en code tu fais lua ton text

nimble vector
#

et ???

#

ok

#

bye

vast quarry
#

Slt

nimble vector
#

( ïŸŸĐŽïŸŸ)぀Bye

lapis flicker
#

vous nous faites chier avec votre faux minecraft lĂ 

cobalt sparrow
lapis flicker
cobalt sparrow
lapis flicker
cobalt sparrow
lapis flicker
cobalt sparrow
lapis flicker
# cobalt sparrow Oui

Arretez d'envoyer des vidéos de votre jeu vidéo dans les channels qui n'ont rien à voir

cobalt sparrow
lapis flicker
#

Mais surtout pas ici et encore moins dans des channels random

#

ça pollue

cobalt sparrow
lapis flicker
#

Pourquoi faire ça ici alors qu'il y a plein d'alternative 😭

cobalt sparrow
lapis flicker
#

Je vais péter mon cable

lapis flicker
cobalt sparrow
lapis flicker
#

Trouvez un autre gros serveur qui a pour but de transferer plein de contenu sans supprimer

tame forge
#

Ou un R2 histoire de pas trop douiller sur la bande passante sue

lapis flicker
#

ils veulent juste un serv discord avec lvl 3 nitro pour "héberger" les vidéos

tame forge
#

Qui leur dit que quand tu delete le message ça delete les attachements du CDN de Discord

#

Autant utiliser Google drive Ă  ce stade

lapis flicker
#

Ils le verront dans une semaine

olive heron
olive heron
mint laurel
#

hello, everyone! I am just joined

#

what can I help you? I am Seinor AI Engineer. If you need my hand however just call me.

stable dirge
#

I just learn HTML and CSS, but I'm too lazy for coding again

slate sun
stable dirge
#

Hmmm

slate sun
real iris
#

can I send code here directly or do I have to like send it via some other source

tame forge
#

Don’t send all your code and don’t send .zip files, that’s the only rules myman

meager beacon
real iris
rose harness
#

guys

#

what do you think? I made this

rare finch
#

It's good 👍 @rose harness

rose harness
#

Do you have some experience in web development sir?

#

may we collaborate on something better

jade scarab
#

as a senior full stack developer , i have some professional experience in web/ mobile development

rose harness
# jade scarab hello

It's a pleasure to meet you, I am an intermediate ML Engineer, Front-end developer, and learning back-end, do you wish to collaborate on making something unique?

jade scarab
rose harness
#

a beginner freelancer actually

drifting sigil
#

Hi, every one.

clear fossil
#

hello
I'm a beginner. Could you give me some advice?
sorry

clear fossil
#

css is hard, isnt it>

tired wadi
#

bro there is nothing hard

#

it is a matter of getting used to things

clear fossil
#

i read docu's now

tired wadi
#

everything comes with time

lapis flicker
#

check Mozilla Firefox documentation

tired wadi
#

the more u practice the more u remember most of the syntax

#

all u need is not to rely on llms

#

especially on your learning phase

clear fossil
#

oh, i use firefox
ok i read docu's thats firefox docu

olive mantle
#

Imo css is one of the easiest, if it's not the easiest, language to learn

#

But you'll probably need html and css with it

covert trout
#

first LUL

deep parrot
#

@covert trout Deus

deft burrow
#

up ça m'attriste de voir le truc ce chan vide

mossy mulch
#

Moi aussi ça m'attriste, jamais personne ne demande d'aide ici

deep parrot
#

Flemme

mossy mulch
#

Salutations, j'vais demander des petits avis

#

L'idée, ce serait de faire en sorte que quand l'utilisateur est passé sur tous les éléments, ça devienne du vrai code

#

La question est : est-ce que je laisse le fait que lorsque la souris n'est plus sur l'élément, il revient à la normale ?

#

Ou bien, une fois que ça a été changé je le laisse définitivement sous la forme d'un ""code""

muted sorrel
#

Je préfÚre que quand la souris n'est plus sur l'élément, ça revient à la normal

mossy mulch
hexed jewel
#

G pas compris à quoi réfÚre les statistiques

mossy mulch
#

Ce sont mes statistiques : nombre de lignes de code publiées sur Github, nombre de jeux steam possédés, nombre d'heure totale de jeu

mossy mulch
#

Encore une question :

nova solar
#

alors vraiment c'est pas trop parlant x)

mossy mulch
#

J'ai changé avec :

#

"Parlé (en %)" => [ "PHP" => 40, "HTML" => 3, "JavaScript" => 1, ],

mossy mulch
#

Par hasard, est-ce qu'il y aurait ici un développeur frontend à l'aise avec Javascript (langage que je trouve horrible), pour m'expliquer les bonnes pratiques à respecter dans ce langage ?

chilly anvil
#

mais euh

#

c'est trĂšs bien le javascript

#

c'est-Ă -dire les bonnes pratique @mossy mulch ?

mossy mulch
#

Bah justement je sais pas

#

Quelles sont les mauvaises alors ?

#

Qu'est-ce qu'il ne faut pas faire en Javascript ?

chilly anvil
#

đŸ€”

#

c'est complexe comme question

#

c'est comme si je te disais "qu'est-ce qu'il faut pas faire en php"

mossy mulch
#

cévrai

#

En PHP ? Beaucoup de choses

#

lel (chauses)

chilly anvil
#

la base de la base de la base

#

n'utilise jamais var, utilise let et const

mossy mulch
#

Ok, mais ce qui est strange, c'est que var ça peut ĂȘtre vachement utile, nan ?

chilly anvil
#

var a une portée global, alors que let fonctionne pareil qu'un int en C

#

ça peut ĂȘtre utile oui

mossy mulch
#

global ?

#

Je pensais que c'Ă©tait uniquement dans le fichier

#

đŸ€”

#

Mais c'est notĂ© 😃

chilly anvil
#

hmmm tu me fais douter đŸ€”

mossy mulch
#

La portée d'une variable déclarée avec var est le contexte d'exécution courant, c'est-à-dire : la fonction qui contient la déclaration ou le contexte global si la variable est déclarée en dehors de toute fonction.

#

Tu as à moitié raison en fait :p

chilly anvil
#

wat

mossy mulch
#

(et moi j'avais 100% tord)

#

en gros :

# 
var global = 1; // portée globale
function a() { var func = 1; } // portée uniquement dans cette fonction
#

Au fait, les ; on les mets Ă  la fin ou pas ?

chilly anvil
#

wtf

#

j'étais sûr et certains que var était dans tout les cas global

#

ça c'est quand mĂȘme extremement con

mossy mulch
#

(c'est JS quoi)

chilly anvil
#

les ; tu peux les mettre si tu veux

mossy mulch
#

Ok, y'a pas de "préférence conventionnelle"

chilly anvil
#

AAAH oui voilĂ 

#

c'est ça le truc

# 
const d = true;

if (d) {
    var a = 'yes';
    let b = 'yes';
}

// a = 'yes'
// b = undefined```
#

le meilleur c'est de les mettre

#

mais si tu veux pas les mettre pour une raison que j'ignore tu peux

mossy mulch
#

Je préfÚre les mettre c'est pour ça

chilly anvil
#

idem

#

aussi

#

les fonctions tu peux faire comme ça :

function d() { }
let d = function() {}
let d = () => {}
#

la deuxiĂšme y'a que les abrutis gens chelou qui l'utilise

#

la troisiĂšme c'est utile quand tu utilises des callback, exemple :

theFunctionOfDoom(true, () => {
    // code
}```
mossy mulch
#

La troisiĂšme peut ĂȘtre utile dans le cas des "fonction paramĂštres" ?

#

ok lol, too fast for me

#

(il te manque une parenthĂšse dans ton code mais on va dire que j'ai rien vu)

chilly anvil
#

j'ai un décalage de 20s dans le futur

#

tkt

#

le code complet c'est ça js theFunctionOfDoom(true, () => { // code } , false)

mossy mulch
#

wait, t'as vraiment implémenté une fonction nommée theFunctionOfDoom?

chilly anvil
#

bien Ă©videmment

mossy mulch
#

Faut vraiment ĂȘtre en rad de nom de fonctions pour tomber sur un nom comme ça

#

"c'est la desh" comme disent les jeunes

chilly anvil
# 
function theFunctionOfDoom(warn, callback, crash) {
    if (warn)
        console.log('oh oh !');

    callback();

    if (crash)
        while (true) {}
}```
mossy mulch
#

tro b1 cette fonction

#

mais si c'est exécuté dans un navigateur, y'aura juste la petite notif "un script vous fait lagguer sa race"

mossy mulch
#

On va faire plus rapide, quelqu'un peut me dire ce qui ne va pas dans ce (trĂšs petit) bout de code ?

# 

/**
 * Add a new field in the theme configuration collapse
 * @param id
 */
function addNewField(id) {
    let section = document.getElementById(id);
    let inputBlock = '<input type="text" class="form-control config-text" aria-label="Large" aria-describedby="inputGroup-sizing-sm">';

    section.innerHTML += inputBlock;
}

/**
 * Creates every Event Listener used in the Admin dashboard
 */
function eventsCreator() {
    let buttons = document.querySelectorAll('[data-toggle=configFields]');
    for (let i = 0; i < buttons.length; i++)
    {
        buttons[i].addEventListener('click', function(){
            addNewField(this.dataset.target);
        });
    }
}


eventsCreator();
mossy mulch
#

Oui

chilly anvil
#

pour addNewField utilise plutot document.createElement

mossy mulch
#

Mais le code marche parfaitement je voulais juste savoir ce qui ne va pas au niveau de la conception / les mauvaises pratiques que j'ai utilisées

chilly anvil
#

au lieu d'ajouter du html directement

mossy mulch
#

Ok thx pocebleu

chilly anvil
#

toute les variables qui change pas tu peux les mettre en const

#

dans ton exemple, tout les let peuvent devenir const car tu modifies pas la variable

#

d'ailleurs faut faire ça dans tout les langages c'est la baz

# 
buttons[i].addEventListener('click', function(){
    addNewField(this.dataset.target);
});``` tu peux le raccourcir en ```js
buttons[i].addEventListener('click', () => addNewField(this.dataset.target));```
#

ah ou pas j'avais pas vu le this

#

hmmm

mossy mulch
#

đŸ€”

mossy mulch
# 
/**
 * Add a new field in the theme configuration collapse
 * @param id
 */
function addNewField(id) {
    const section = document.getElementById(id);
    const inputBlock = document.createElement('input');
    inputBlock.className += 'form-control config-text';
    inputBlock.setAttribute('type', 'text');

    section.appendChild(inputBlock);
}

/**
 * Creates every Event Listener used in the Admin dashboard
 */
function eventsCreator() {
    const buttons = document.querySelectorAll('[data-toggle=configFields]');
    for (let i = 0; i < buttons.length; i++)
    {
        buttons[i].addEventListener('click', function(){
            addNewField(this.dataset.target);
        });
    }
}
#

Par contre, qu'est-ce que le mot-clé const affecte ?

#

Pourquoi les éléments de de la classe Element dont laquelle inputBlock est une instanciation ne sont pas aussi en const ?

chilly anvil
#

const ça indique au moteur que la variable ne changera pas, c'est donc plus rapide

#

parce que javascript

mossy mulch
#

Donc ce n'a pas vraiment le mĂȘme consĂ©quence que const en C par exemple?

chilly anvil
#

si

mossy mulch
#

đŸ€” donc pourquoi je peux modifier les attributs de la classe ?

chilly anvil
#

en c aussi tu peux đŸ€”

mossy mulch
#

đŸ€”

chilly anvil
#

ton tableau tu peux trÚs bien mettre le mettre en const, ces éléments le seront pas

mossy mulch
#

Je pensais que lorsque tu définissais ton objet en const, tout ce qu'il contenait était en const

#

okok

chilly anvil
#

wait attend tu me fais douter

mossy mulch
#

j'vais test en C

chilly anvil
#

pour moi le truc constant c'est le pointeur vers le début du tableau

mossy mulch
#

Ouais, j'pense que tu as raison

chilly anvil
#

error: assignment of read-only location ‘d[0]’ anon

mossy mulch
#

error: assignment of read-only location ‘table[0]’

#

ouais mdr

#

Donc c'est bien ça, normalement tous les élements du tableau sont en const (ce qui est logique : pourquoi déclarer un tableau en tant que constant si c'est pour ensuite modifier ses éléments ?)

#

donc Javascript sucks

chilly anvil
#

c'est juste un truc pas logique

#

ça vaaaaaa

mossy mulch
#

"j'vais créer mon langage, dedans quand tu déclareras un entier, bah en fait, t'aura un flottant !"

chilly anvil
#

ça s'appelle le lua

#

ENOOOOOOOOOOOOOOOOOOOOOOOORME

#

#ROASTED

#

en plus le lua c'est mĂȘme pas un float

#

c'est double

mossy mulch
#

On néglige pas la précision voyons

chilly anvil
#

local i = 0 te prend 64bit

#

dans les dents

mossy mulch
#

Par contre l'optimisation, elle, on s'en fou : int 2 or 4 bytes double 8 byte

#

et aprĂšs tu fais local i = 64 et lĂ  c'est 64^64 bits que tu prends dans les os

chilly anvil
#

alors

#

64^64

#

ça fait pas 64bits

mossy mulch
#

(#humour)

chilly anvil
#

#premierdegré

#

3.940200619639448e+115 bits dans les dents

mossy mulch
#

(on a quand mĂȘme senti le temps de calcul de ta part :p)

chilly anvil
#

en parlant de js

#

tu veux voir un truc drole

#

id: "1b2f4000-6430-11e9-9583-b5991ba53ba2"

#

Invalid type: number (expected string)

#

HMMMMMMMMMMMM

mossy mulch
#

😂

#

wtfffffffffffffffffffffffffffffffff

#

đŸ€” HHHHHHHHHHHHHHHH sueur2

chilly anvil
#

j'dis ça bon j'avoue en vrai ça vient d'une librairie

#

ils vont se prendre un pr dans les dents eux

mossy mulch
#

Réponse d'un gars sur un autre Discord : @Gabyfle#1731 En JS const sont des références constantes Tu peux voir ça comme un const * en C

chilly anvil
#

j'Ă©tais pas loin

mossy mulch
#

c'est vrai

mossy mulch
#

au secours

#

le JS c'est horrible

#

en fait 'prototype' en JS ça désigne uniquement celui d'un objet

#

bref wtf

steady verge
#

Hello , j’ai un petit soucis sur mon code : https://pastebin.com/AYgj9AF5

Cannot read property 'offsetWidth' of undefined

Si quelqu’un peut m’en dire un peu plus

Pastebin
[HTML]
#

( J’utilise bootstrap 4)

steady verge
#

Bonjour, je fais un petit projet WEB et j'aimerais déplacer mon button comme ceci :
https://www.noelshack.com/2019-25-2-1560854810-p-ju.png
Sauf que bien Ă©videmment j'y arrive pas, donc je viens demander votre aide :)
Merci Ă  vous.

<div class="col-6 col-lg-3 clothes">
<div class="clothes-body">
<img src ="img/collection.jpg" alt ="VĂȘtement">
<a class="btn btn-outline-primary clothes-btn" role="button" href ="#">
<i class="fa fa-cart-plus"></i>
</a>
</div>
<div class="clothes-text">
<p>
Lorem Ipsum<br />
0.00 €
</p>
</div>
</div>

.clothes {
width: 100%;
margin-top: 25px;
}

.clothes-body {
}

.clothes .clothes-body img {
width: 100%;
}

.clothes-text {
color: black;
text-align: center;
}
Noelshack.com
Visionneuse images - Noelshack - https://image.noelshack.com/fichi...

Vous avez des images? Envoyez-les et partagez-les super rapidement avec NoelShack!

steady verge
#

Ok bon finalement j’ai rĂ©ussi

stark axle
#

Hello j'aimerais changer le background de mon site mais une fois l'avoir fait j'ai se problĂšme mon background ne se lance quand tout petit tout en bas de ma page

📎 pb.JPG
#

le code css : ```css
.large-header {
position: relative;
width: 100%;
background: #111;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 1;
}

.demo .large-header {
background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg");
}

.main-title {
position: absolute;
margin: 0;
padding: 0;
color: #F9F1E9;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-50%, -50%, 0);
}

.demo .main-title {
text-transform: uppercase;
font-size: 4.2em;
letter-spacing: 0.1em;
}

.main-title .thin {
font-weight: 200;
}

@media only screen and (max-width: 768px) {
.demo .main-title {
font-size: 3em;
}
}```

#

le code html :html <div class="container demo"> <div class="content"> <div id="large-header" class="large-header"> <canvas id="demo-canvas"></canvas> <h1 class="main-title"><span class="thin">Explore</span> l'Espace</h1> </div> </div> </div>

empty tartan
#

peut ĂȘtre parce qu'il faut que tu mette tes attributs background-size: cover; background-position: center center; dans le mĂȘme bloc oĂč ça contient background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg");

astral badger
#

Salut, fait crée à partir de plusieurs bases, une animations de texte. Mais quand on fait un <br> l'animation ne suis, c'est pas vraiment simple à expliquer donc voici le codes sources https://codepen.io/Devils_dev/pen/YmpKGV. Est t'il possible, que l'animation prenne en conte les <br> ?

steady verge
#

Principalement Bootstrap pq ?

steady verge
#

Franchement jsp mdr , je l’avais refait et ça avait fonctionnĂ©

hollow brook
#

Quelqu'un sait c'est quel atribut en CSS le 'contour' bleu ?

chilly anvil
#

outline

hollow brook
#

mokay thinkingplayer

#

C'est bien ca merci ❀

potent linden
#

Quelqu'un peux m'aidé à faire une maquette de mon index ?

#

Quelqu'un de bon en UI / UX design ?

gaunt yoke
zealous frigate
#

ça peut paraitre un peu con, mais j'ai besoins d'afficher une map d'un jeu video (que je construis block par block, du 20*20 par exemple avec diffÚrent png), le problÚme étant que lorsque je fais ça, si la map est plus grande que l'écran, il y a un auto return à la ligne des pngs et c'est un peu chiant (la map est pourtant dans une div scrollable en X et en Y), le overflow-y fonctionne bien, mais le X pas du tout

gaunt yoke
#

T’as plusieurs choix si tu veux, tu peux display: flex;flex-wrap:nowrap;
Sur le parent, ou alors un white-space: nowrap mais de tete je crois que c’est juste pour les Ă©lĂ©ments inline celui ci

#

Test et tu me dis, mais met le bien sur le container de tes pngs

zealous frigate
#

@gaunt yoke ça marche plutot bien, (je teste actuellement avec des inputs), le problĂšme est que les inputs ne reviennent pas a la ligne, mĂȘme si je fais un <br/>

#

et si jamais je précise un "height" a la div, les inputs prennent la hauteur de la div

gaunt yoke
#

Yes car du coup chaque élément va aller à la ligne, à la limite tu créer des div avec le style donné

#

Et sur chaque div tu mettras chaque image qui doit ĂȘtre en ligne, quand tu veux une nouvelle ligne tu recrĂ©es cette div Ă  la suite 😉

#

@zealous frigate

zealous frigate
#

ah oui pas con

#

merci (:

gaunt yoke
#

Pas de soucis

#

Désolé pour le temps de réponse boy

zealous frigate
#

ahah pas de soucis

#

c'est moi qui demande, c'est donc a moi d'attendre x)

gaunt yoke
potent linden
#

Qui peux m'aider Ă  centrer une box et Ă  la responsive svp je galere...

gaunt yoke
#

Hello @potent linden, pour centrer tu peux utiliser flex, donc:

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

Sur le parent de la div que tu veux centrer

#

Pour le responsive si tu veux qu’elle prenne 100% en taille en mobile (et pas en Desktop), tu peux utiliser les media query

potent linden
gaunt yoke
#

C’est quoi le problùme du coup

#

Le problĂšme 1

potent linden
#

voilà a quoi ça devrai ressemblé mais il n'est adapté qu'a mon ecran...

gaunt yoke
#

Tu as mis tes dimensions en px ?

#

Ou en %\VW

quartz thunder
#

faut faire avec les trucs webkit etc... je crois

#

non?

gaunt yoke
#

non média query

potent linden
#

en px...

quartz thunder
#

ouais voila c’est ce aue je voulais dire kappa

gaunt yoke
#

Ah bah normal Lawax

potent linden
#

Vous pouvez Aide vocal web ?

gaunt yoke
#

Pas now mais dans quelque minutes good pour toi ?

potent linden
#

yep je t'y attend merci

gaunt yoke
#

Je suis là tu m’entends ?

#

Tell me quand tu es là car tu as l’air oqp

potent linden
#

pardon

#

revien

#

@gaunt yoke

gaunt yoke
#
  • { box-sizing: border-box}
potent linden
gaunt yoke
#

Hello, t'es sur que c'est pas parce que tu as un élément qui déborde de ta page ?

#

mais concernant

<meta name="viewport" content="width=device-width, initial-scale=1">
yes il faut l'intégrer aussi a ton <head></head>

gaunt yoke
#

yep

potent linden
#

c'est ça qui fait le problrmr

gaunt yoke
#

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> sa ?

potent linden
#

zut

# 
    <meta name="viewport" content="width=device-width, initial-scale=1">
#

ça pardon

gaunt yoke
#

normalement la meta viewport ne peut pas faire buguer ton site đŸ€” mais si tu l'enlĂšves tout est ok ?

potent linden
#

bah

#

c'est pas adapté quoi

#

C'est comme sur pc

gaunt yoke
#

Avec ou sans ?

#

et si sans, le site s'affiche correctement sur mobile, thats right ?

potent linden
#

nan

#

il saffiche

#

fin

#

oui bine

#

bien

#

mais pas adapter faut scroll horizontal

gaunt yoke
#

Laisse-le, mais si avec tu as la barre blanche à droite quand tu l'as, a tout les coups tu as un élément qui dépasse de ton écran

#

un texte trop long sur une ligne, une image, une div...

potent linden
#

Tout est responsive et meme en enlevant une div par une elle persiste

#

meme tout div enlever

potent linden
#

@gaunt yoke Ok j'ai trouvé c'etait pas une mais deux div du coup merci à toi !

gaunt yoke
#

Np !

potent linden
#

Bonjour je cherche un developeur JS pour me faire ma page d'inscription et quelle soit interactive je paye

gaunt yoke
#

Hello, tu as déjà ta db du coup ?

potent linden
#

@gaunt yoke database ? Non la je fais juste la mise en forme

gaunt yoke
#

Bah tu as besoin de quoi en JS ?

austere lark
#

Si tu fais une phrase histoire d’expliquer ton problĂšme sĂ»rement que quelqu’un pourra t’aider 👀

hollow brook
gaunt yoke
#

le mettre Ă  l'endroit kappa

hollow brook
#

Mdrr

gaunt yoke
#

Sinon tu pourrais faire un truc dans ce style

harsh venture
#

Quel professionnalisme

gaunt yoke
#

kaou fais pas attention au fond qui est la meme chose c'est pour présenter le truc, mais sinon tu fais juste une card sur un fond uni

#

et tu la centres

#

ewai kotus

harsh venture
#

Tro for

hollow brook
#

C'est beau ptn

#

L'image a droite par contre j'ai pas d'idée

gaunt yoke
#

Si tu parles de l'anglais, met une image en angleterre

hollow brook
quartz thunder
#

j’confirme

#

faire dez trucs avec plus de padding

gaunt yoke
#

oui plus de padding en x et y (mais plus en x) pas de border et une petite shadow légÚre

quartz thunder
#

et un peu plus arrondi j’pense

gaunt yoke
#

Et au hover le shadow augmente et tu monte le bouton de 3px avec un translateY

quartz thunder
#

ouais non

#

@gaunt yoke t’aime trop les boutons qui monte

gaunt yoke
#

Oui et alors

#

C’est beau j’y peux rien

quartz thunder
#

bah j’aime bien aussi

#

voila

gaunt yoke
#

Et sinon met pas de boutons car tu en as beaucoup trop

#

ça fait beaucoup trop de CTA sur une seule page

#

Fais plus un menu, mais pas dans le style Button trùs mauvais pour l’UX

quartz thunder
#

CTA ?

gaunt yoke
#

Call To Action

quartz thunder
#

ah

hollow brook
#

Mes profs s'en battent les couilles comme jamais de ça

#

Je vais pas m'enmerder Ă  faire un menu pour ce site

quartz thunder
#

Si

hollow brook
#

Non

gaunt yoke
#

Si

hollow brook
quartz thunder
#

ta pas mis plus de padding la

hollow brook
#

Le translate c'est beau ptn

quartz thunder
#

en y

hollow brook
#

Du padding en Y ducoup ?

quartz thunder
#

oui

#

mais ta rien changé la

hollow brook
#

je sais

quartz thunder
#

bah pk tu renvoie un screen wtf

hollow brook
#

Je voulais montrer l'envers du "zoom"

quartz thunder
#

ah

hollow brook
#

Au cas oĂč

quartz thunder
#

ok

#

palu

hollow brook
#

Mieux ?

quartz thunder
#

mais ta rien changé la

hollow brook
#

Si

#

Compare les 2 images tu verras

#

Mais ducoup si tu dis que rien ne change c'est que c'est pas assez

#

Aupire j'fais le menu mais il me faudrait une maquette kappo

quartz thunder
#

omg il a pas honte le garçon à toujours vouloir des maquettes

hollow brook
#

C'est que c'est sympa les maquettes

quartz thunder
#

ils servent Ă  quoi tes boutons ?

#

a aller a #id-card ?

hollow brook
#

oui

quartz thunder
#

bah j’avoue que j’ai pas trop d’idĂ©e du coup

hollow brook
#

Enzo va savoir comment nous guider vers la lumiĂšre

gaunt yoke
#

😂

#

Je te dis ça demain matin sans problÚme

hollow brook
hollow brook
quartz thunder
#

@hollow brook fait pas gaffe il a un problÚme avec le « demain matin » tkt kappo

gaunt yoke
#

Oops kappo

quartz thunder
#

Tu pourras poster ici quand t’aura fait pour voir, ça m’intrigue

hollow brook
#

de ?

quartz thunder
#

j’parlr pas a toi gros

hollow brook
#

ok gros

grave mountain
#

Salut
Excusez moi encore de vous dérangez
J'aurais besoin d'aide
Voici mon code : https://jsbin.com/yaxotesoki/edit?html,css,output
Et en fait je n'arrive pas Ă  aligner mes images, sa me rend fou, depuis 1 H

JS Bin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...

gaunt yoke
#

Tu veux aligner comment

#

Image à gauche et le texte aligner à l’image?

grave mountain
#

Je vais te faire un dessis

#

@gaunt yoke

gaunt yoke
#

Je t’ai dĂ©jĂ  rĂ©pondu alors par rapport Ă  ça....

grave mountain
#

Non sa ne fonctionne pas la

gaunt yoke
#

Tu le fais peut ĂȘtre juste mal ??

#

Et dans ton code partage je ne vois pas que je t’ai conseillĂ© de faire

grave mountain
#

Normal, jai essaye d'autres technique comme sa ne fonctionner pas

brave jay
azure dawn
#

Tu utilises les Docks ? @brave jay

brave jay
# 
       <div class="container">
            <div class="btn">test</div>
            <div class="btn">test2</div>
            <div class="btn">test3</div>

        </div>```
# 
.container .btn {
  width: calc(100% - 14px);
  padding: 5px;
  background: none;
  border: 2px solid;
  color: #3498db;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 16px;
  position: relative;
}```
#

...

#

c'est margin 😄

gaunt yoke
#

pourquoi width avec un calc - 14px ?

#

et ton border a un soucis on le voit pas sur le cÎté droit

earnest forum
sleek dock
#

background-color : black sur ton .listelol ?

gaunt yoke
#

select option

#

Normalement

sleek dock
# 
.listelol > option {
//background : rgba(255,255,255,0.25);
opacity : 0.4;
}
#

?

#

hmm

#

c'est pas juste l'opacity qu'il faut d'ailleurs

earnest forum
#

je vais essayer ça merci bcp

sleek dock
#

ça marche pas, jsui nul

earnest forum
#

un truc comme ça tu veux dire?*

gaunt yoke
# 
select option {
background: black
}
#

c moi g rézon

sleek dock
#

je comprend pas que ça marche pas d'ailleurs

gaunt yoke
#

ou .listelol option

sleek dock
#

ça sa fonctionne mais pour le faire en transparent

#

jsui nul mais quand mĂȘme

gaunt yoke
#

bah transparent c pareille

earnest forum
# 
.listelol{
  background-color : black;
  color: white;
  opacity: 0.4;
  border-radius: 2px;
  padding: 5px 15px;
  border: 0;
}
.listelol option {
background: black
}

comme ça ?

gaunt yoke
#

Bah si tu le veux noir

#

oui

earnest forum
#

ouaio

#

mais ça a rien changé

gaunt yoke
#

t'as bien save et rafraichis ?

#

car je le test en console ça fonctionne

earnest forum
#

ouaip, save + ctrl+f5

#

ah c'est un bug qui venait de chez moi ça vient de bouger

gaunt yoke
#

^^

earnest forum
#

merci bcp!

hollow brook
gaunt yoke
#

Tu veux l’image en 100% à droite thats right ??

hollow brook
#

J'veux qu'elle prenne toute la hauteur

gaunt yoke
#

Yep, tu peux faire un codepen avec l’html et le css ? Ce sera plus rapide

#

Car elle est en 100% mais ça doit ĂȘtre son parent qui ne l’est pas

hollow brook
#

Je fais ça dÚs que je peux

hollow brook
#

Quelqu'un sait comment enlever le carré bleu quand on clique sur un button ?

quartz thunder
#

button:focus {
border: none; outline: none;
}

gaunt yoke
#

juste outline suffit

quartz thunder
#

ok patron

gaunt yoke
#

et enleve le au button {} direct

#

comme ça hop

hollow brook
#

ok je fais ça patron

#

ça fonctionne patron, merci patron

quartz thunder
#

et moi on me remercie pas ?

#

ok

hollow brook
#

t'es un patron toi aussi

quartz thunder
#

ah ok

hollow brook
harsh venture
#

⚠ Attention au hors sujet 👀

hollow brook
#

ok patron

potent linden
#

Bonjour je souhaiterai faire un boutton ou une icîne comme ça en pouvant mettre l’image je veut au milieu quelqu’un gùre bien le css ?

📎 image0.png
hollow brook
#

Quelqu'un à un wiki ou un truc du genre pour les fonctionnalités pour les loading screen gmod ?

quartz thunder
#

c sur le wiki

#

j’crois

#

!glua Loading

wise hamletBOT
#

Aucun résultat pour Loading

RequĂȘte par Brique au bob#0001 ·
ionic knoll
#

Hey đŸ–ïž j'aimerais savoir comment dĂ©placer le bouton "Rejoindre GCA" plus vers la droite pour bien le mettre avec le texte?

#

j'ai tenter avec le css mais sa casse tout

#

le code :

# 
                <span class="blurable-hidden btn btn-sm btn-primary btn-icon-label">
                      <span class="btn-inner--text"><a href="https://discord.gg/bjDJJjy" style="color:white">Rejoindre GCA&nbsp;?</a></span>
                      <span class="btn-inner--icon">
                        <i class="fa fa-arrow-right"></i>
                      </span>
                </span>
gaunt yoke
#

envoie le lien de la page

#

on pourra tester

#

ah ouais c'est pas hyper bien fais le margin-left 140px sur le titre du partenaire etc... y avait plus simple et propre a faire, mais sinon la tu peux juste add sur le span un margin-left: 21px;

ionic knoll
#

ah ok nice

#

margin-left: 50px; je le mais dans le span comme ça ?
<span margin-left: 50px; class="blurable-hidden btn btn-sm btn-primary btn-icon-label">

gaunt yoke
#

non

#

```<span style="margin-left= 21px" .... />```` comme ça

ionic knoll
#

ahh ok

#

merci

potent linden
hollow brook
#

Tu cherches Ă  faire quoi ?

strong lynx
#

+1

hollow brook
#

Genre le texte est censĂ© ĂȘtre comment ?

strong lynx
#

Moi ça marche quand je vais sur la page lolwhatthink

hollow brook
#

L'animation c'est pas lancé chez lui je crois

strong lynx
#

AĂŻe

potent linden
#

Le texte commence bizzare

#

Je suis Ă  la recherche de quelqu’un pour m’aider Ă  le faire il y’aurait uniquement du html css et js pas de php je pense ça complĂ©tez votre portfolio 😉

gaunt yoke
#

@potent linden remet l'url du site please elle est plus valable, pour checker d'oĂč vient le soucis plus simple, comme ça je regarde

void anvil
#

Y'a t-il des Front-end professionnel qui pourrait répondre à quelques une de mes questions concernant le parcours scolaire à suivre ?
J'ai déjà regardé quelques sites à ce sujet, mais c'est mieux venant de quelqu'un qui exerce vraiment ce métier.

gaunt yoke
#

Tu veux savoir quoi exactement 🧐

void anvil
#

La j'suis en général (lycée)

#

Mais ca a l'air mieux la pro'

#

Donc je sais pas quoi faire

#

En général c'est que du python

#

Et en pro' ils font du html, ils font décoller des drones etc...

#

Donc

quartz thunder
#

quel bac pro ça đŸ€”

void anvil
#

Mes questions sont : C'est mieux d'aller en général ou en Pro' ?
Il y a des différence de salaire ? Quel est ton parcours ?
Sachant que j'suis en 1Úre et que je me fais littéralement chier...

#

@quartz thunder hein ?

quartz thunder
#

bah je sais pas si t'es au courant mais y a plusieurs bac pro hein

#

mais ta dit t'était en général, ta pris quoi comme spécialités?

void anvil
#

STI2D

#

Sry

quartz thunder
#

ah ok

void anvil
#

Mes spé' : N.S.I (numérique sciences informatique) / Anglais / S.E.S (et avant j'avais pris maths mais osef c'est du chinois)

gaunt yoke
#

Ah niveau scolaritĂ© je vais pas ĂȘtre une bonne ref malheureusement kappa

#

j’ai pas le bac mais ça m’empĂȘche pas de bien gagner ma vie pour mon Ăąge

void anvil
#

Si je peux me permettre tu gagnes combien (une tranche de prix) ?

#

J'ai vu des chiffres sur internet

#

Genre 2600€ dĂ©butants

harsh venture
#

Brut oui

#

Net ça fait du 2k

#

Donc environ 35k brut

gaunt yoke
#

Je suis Ă  43K brut annuel sans les primes ou autre, donc environ 2850 et quelques net /mois sans impĂŽts

harsh venture
#

(A Paris)

gaunt yoke
#

et pour te donner un ordre d’idee je n’ai que 23 ans

#

donc environ 4 ans d’exp

void anvil
#

Ta appris en autodidacte et ta passés les diplÎmes ?

#

Ok Kotus thx :]

gaunt yoke
#

J’ai commencĂ© Ă  vos Ăąges par du design, puis de la simple intĂ©gration ce qui a permis ensuite de rejoindre une formation en dĂ©veloppement

void anvil
#

Ahh c'est cool

#

Et la tes en freelances ?

#

Ou employé ?

gaunt yoke
#

Employé dans une boßte de dev

#

free-lance peut ĂȘtre un jour quand je serais gĂ©rer mon temps hein @harsh venture kappa

void anvil
#

^^

#

Ok merci pour les renseignements

#

Du coup si qqn a son bac :

#

Quel est votre parcours ?

gaunt yoke
#

@harsh venture

#

Ou @sleek dock

void anvil
#

:]

strong lynx
#

Du coup peut ĂȘtre switch dans #general

void anvil
#

Ca reste de l'aide...

sleek dock
#

BTS SIO SISR puit titre concepteur developpeur ibnformartique

strong lynx
#

Aide Front end c’est pas des Ă©tudes thinkingplayer m’enfin faites ce que vous voulez

harsh venture
#

Bac S -> BTS SIO (option SLAM) -> Titre RNCP niveau 2 en alternance (Concepteur DĂ©veloppeur Informatique) -> Titre RNCP niveau 1 en alternance (Manager des SystĂšmes d'Informations)
Et @strong lynx tu peux trÚs bien te spécialiser dans du front à un moment ou un autre de ton parcours

strong lynx
#

???

#

Jamais dit qu’on pouvait pas

#

Je disait que c’était pas de l’entraide front

#

Le fullstack c’est plus recherchĂ©

#

A mon stage ils m’ont dit ça en tout cas

harsh venture
#

C'est pas de l'entraide front mais de base la question commence par Y'a t-il des Front-end professionnel

#

@void anvil Fait ce qui te plait le plus, en soit peut importe la branche y'a bcp de demande

sleek dock
#

niveau 2 non le CDI non ?

harsh venture
#

Oui, my bad

void anvil
#

@sleek dock,@harsh venture Thx :]

#

je prend note

harsh venture
#

Juste un conseil, si tu as la possibilité de faire de l'alternance, fonce ! C'est le meilleur tremplin vers le monde pro

void anvil
#

@harsh venture C'est quoi de l'alternance au juste ?

harsh venture
#

Je te déconseilla de te lancer en freelance à ta sorti d'études, fait au moins 5 ans dans des boites en tant que salarié avant histoire de voir comment ça fonctionne, tu te forme un portefeuille de client et ensuite tu peux envisager le freelance

#

L'alternance c'est en gros tu es embauché par un boite tu bosses pour eux, il te paye t'es études et tu alternes genre 1 semaine entreprise, 1 semaine école

#

En plus de ça tu touche un salaire 😉

#

Donc en gros, t'es formé à la production, tu gagnes de l'argent et tu obtiens un diplome

#

Oui

strong lynx
#

En vrai je comprends pas trop le but des Ă©coles ? Elles t’apprennent quoi? Elles vont pas t’apprendre Ă  dev X ou Y language/ frameworks en soi ?

sleek dock
#

elle t'apprend des conceptes théorique, plusieurs techno, des exercices pour mettre en pratique ce que tu as appris

austere lark
#

L'alternance c'est en gros tu es embauché par un boite tu bosses pour eux, il te paye t'es études et tu alternes genre 1 semaine entreprise, 1 semaine école
@harsh venture Ă©tonnant comme system... en Belgique c’est X jour en entreprise et X en Ecole

sleek dock
#

chez nous ça dépend de l'école/ du niveau

austere lark
#

Mais genre sur la mĂȘme semaine

harsh venture
#

Moi c'Ă©tait genre 1 ou 2 semaine en Ă©cole pour 4 ou 5 semaine en entreprise

sleek dock
#

et du domaine

#

le systĂšme X jours je l'ai vue pas mal en coiffure ou en boulangerie

void anvil
#

Ca a l'air interressant...

#

Et Ă©conomique

harsh venture
#

Ca permet de bosser sur des sujets plus long et se focus dessus sans devoir bosser 2 jours, changer de sujet, revenir et devoir te remetre dans le bain

#

Bah disons que l'alternance, si c'est pas loin de chez toi, tu restes chez papa/maman et tu peux mettre de l'argent de cÎté

#

C'est un super plus

gaunt yoke
#

Oui et peu importe le cout de l’école

#

Les entreprises y gagnent aussi Ă  prendre des alternants

sleek dock
#

j'ai fais que de l'aternance, j'avais pas appris de dev au BTS, et pendant le titre je savais/j'avais déjà fait vraiment pas mal de choses alors que je n'avais fais que du dev en entreprise

#

c'est incomparable a un parcours classique, si tu tombe dans une bonne boite

#

mais aprÚs tout dépend de la personne, il ne faut pas oublié que si c'est ta passion et que tu en fais en dehors des cours/taf, tu vas trÚs vite apprendre.

#

"aller a Épitech" ça dĂ©pend, tu paye un peux ton diplĂŽme, donc tout dĂ©pend de ta motivation

#

c'est une bonne Ă©cole mais si tu veux devenir bon, y'a pas de secret, faut s'exercer

void anvil
#

Merci pour vos renseignements les gars ^^

hollow brook
#

Comment je pourrais faire en sorte que mon form ne prenne pas toute la largeur de ma page :/

#

Apart en lui donnant un largeur fixe

void anvil
#

Tu crées une div et dans le css tu fais un width

hollow brook
#

Apart en lui donnant un largeur fixe

void anvil
#

Ah merde

#

J'avais pas tt lu

#

sry

gaunt yoke
#

Le form est de type block donc 100%

hollow brook
#

hein

gaunt yoke
#

la balise form est un élément de type block

hollow brook
#

oui

gaunt yoke
#

Les éléments de type block sont de base un width 100%

hollow brook
#

ok

gaunt yoke
#

Donc tu dois forcément lui donner une taille ou à son parent, meme bcp plus haut

hollow brook
#

Pas d'autre moyen ?

void anvil
#

Donc ce qu'il demande c'est impossible ?

gaunt yoke
#

Met le en type inline pour voir mais bof, ou est le pb a lui donner une taille ?

sleek dock
#

tu peux lui donner une taille 80% non ?

hollow brook
#

J'Ă©vite de donner des tailles fixes pour pas faire trop de @media

#

Mais j'vais faire sans cette fois

gaunt yoke
#

Bah dans ce cas

#

Tu mets une taille en Max-width ^^

#

T’auras 0 mĂ©dia Ă  faire

#

width: 100%; Max-width: 50em; par ex

hollow brook
#

hmm

#

J'vais chécher ça

cobalt vale
#

bonjour, j'ai une question car j'aimerais positionner un texte dans une box mais le texte sort de la box (je veux juste la déplacer a droite)

#

Mon code :

      <div class="list_postulant">
      <span class="nom">Nom</span>    Poste
      </div>
#

mon css

.list_postulant{
    background-color: white ;
    color: #aeb2b7;
    padding: 20px;
    font-size:1.3em;
    margin:7px;
    border-top: 30px;
    border-radius: 10px 10px 10px 10px;


}

.nom {
    position: absolute;
    left: 300px;
    
}
cobalt vale
#

C'est résolu

gaunt yoke
#

c'est pour faire quoi _a

#

ça?*

#

t'as résolu avec quoi*

cobalt vale
#

enfait

#

fallais que j'utilise un margin mdr

#

margin-left

gaunt yoke
#

Show me le résultat car je comprend pas la demande

#

MĂȘme si c’est rĂ©solu pour comprendre

cobalt vale
#

en gros un espace entre des texte

#

dans une box

gaunt yoke
#

Ahhh ok

cobalt vale
#

c'est vrai que ma demande Ă©tait pas trĂšs clair mdr

#

aprĂšs l'avoir relue

cobalt vale
#

J'ai encore un problùme 😅

#

les check apparaissent 4 fois alors que je veux que une fois et y'en a deux jsp se qu'il font mdr

#

le code html


      <div class="list_postulant">
        <span class="nom">Alkenos</span><span class="poste">Dev LUA</span><span class="date">20.03.1900</span><span class="action"><a href="tpasbo.html" class="fa fa-check fa-1.5x"></span>
      </div>