Doksuri
Doksuri
KPCKevin Powell - Community
Created by o_O on 12/13/2024 in #ui-ux
Which navbar style looks better. Transparent or opaque?
"global presense" has a bad contrast for example
10 replies
KPCKevin Powell - Community
Created by o_O on 12/13/2024 in #ui-ux
Which navbar style looks better. Transparent or opaque?
(this is personnal) i always go for the best color accessibility
10 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
you can't just "ignore chrome"... numbers don't lie... a large audience use chrome... => you ca dev/test with firefox everyday. and once a feature is finished, test it with chrome
230 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
many modern features were added from there
230 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
as for the versions : look for ES6 and higher
230 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
Is it possible to learn just Javascript? => totally !!! and i'll add : it's the correct approche when learning JS. "vanilla JS" then choose a framework
230 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
because this is what was asked to me xD
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
okay, i went for this solution :
.container {
label {
margin-right: 2rem;
input {
margin-top: 8px;
float: left;
display: none;
}
&:not(:has(input:checked)) { display: none; }
}
.btnModify { text-align: center; }
.btnSave { display: none; }
&.edit {
label {
display: block;
input { display: block; }
&:not(:has(input:checked)) { display: block; }
}
.btnSave { display: block; }
.btnModify { display: none; }
}
}
.container {
label {
margin-right: 2rem;
input {
margin-top: 8px;
float: left;
display: none;
}
&:not(:has(input:checked)) { display: none; }
}
.btnModify { text-align: center; }
.btnSave { display: none; }
&.edit {
label {
display: block;
input { display: block; }
&:not(:has(input:checked)) { display: block; }
}
.btnSave { display: block; }
.btnModify { display: none; }
}
}
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
IMO : using !important means i've missed something
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
.container {
label {
margin-right: 2rem;
input {
margin-top: 8px;
float: left;
display: none;
}
&:not(:has(input:checked)) { display: none; }
}
.btnModify { text-align: center; }
.btnSave { display: none; }
&.edit {
label {
display: block !important;
input { display: block !important; }
}
.btnSave { display: block; }
.btnModify { display: none; }
}
}
.container {
label {
margin-right: 2rem;
input {
margin-top: 8px;
float: left;
display: none;
}
&:not(:has(input:checked)) { display: none; }
}
.btnModify { text-align: center; }
.btnSave { display: none; }
&.edit {
label {
display: block !important;
input { display: block !important; }
}
.btnSave { display: block; }
.btnModify { display: none; }
}
}
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
adding !important solves it... but i'm not a fan of !importants
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
ha... oups ... this works for the checked inputs, but still cannot see others
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
display only labels with checked input (that is ok)
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
in "edition mode" i want to display every labels + input
22 replies
KPCKevin Powell - Community
Created by Doksuri on 12/2/2024 in #front-end
nesting css. what did i do wrong ?
it's not the button my problem (it's simplified code from my project)
22 replies
KPCKevin Powell - Community
Created by Blackwolf on 11/29/2024 in #front-end
What is replacing Javascript keyCode?
if(e.key.match(/[a-zA-Z]/) { console.log('letter presseed'); }
if(e.key.match(/[a-zA-Z]/) { console.log('letter presseed'); }
8 replies
KPCKevin Powell - Community
Created by Blackwolf on 11/29/2024 in #front-end
What is replacing Javascript keyCode?
i guess e.key + regep :/
8 replies
KPCKevin Powell - Community
Created by Blackwolf on 11/29/2024 in #front-end
What is replacing Javascript keyCode?
ah i see.. you need a range
8 replies
KPCKevin Powell - Community
Created by Blackwolf on 11/29/2024 in #front-end
What is replacing Javascript keyCode?
e.key ?
8 replies
KPCKevin Powell - Community
Created by Faisu0p on 11/19/2024 in #front-end
Content going upwards and out of viewport when adding new things below
i use https://jsfiddle.net/ to test tiny codes 😉
48 replies