P
@Deuzi
Latest solutions
Frontend Quiz App with HTML, CSS and Vanilla JavaScript
#van-jsPSubmitted about 1 month agoIt is possible to create Route in JavaScript instead of partitioning files into different pages?
Password Generator app, design with HTML, CSS and JavaScript
#pure-cssPSubmitted about 2 months agoNone for now
Latest comments
- P@JoelJacobO
Beautiful interface
- P@Joshk7What are you most proud of, and what would you do differently next time?
I like how I handled styling the range input with a linear gradient that changes dynamically with a bit of JavaScript.
const handleSliderInput = (e) => { const { min, max, value } = rangeSlider; const total = Number(max) - Number(min); const percent = ((Number(value) - Number(min)) / total) * 100; const offset = thumbWidth / 2 / 100; e.target.style.background = `linear-gradient(to right, var(--lime-green) 0%, var(--lime-green) ${ percent - offset }%, var(--black) ${percent - offset}%, var(--black) 100%`; sliderValue.textContent = value; };However, any suggestions on a better way to do this would be appreciated!
What challenges did you encounter, and how did you overcome them?One challenge that I encountered were default styling on checkboxes for Safari. I solved this by explicitly setting border radius to 0.
.checkbox { -webkit-appearance: none; appearance: none; border-radius: 0; width: 1.25rem; height: 1.25rem; }
What specific areas of your project would you like help with?Any suggestions on how to generate passwords better or how to solve the problem of styling the range input would be appreciated!
P@JoelJacobOGreat work
- @GregorDeCilliaWhat are you most proud of, and what would you do differently next time?
was interesting to get a little bit more js in one of those challenges. Just like with the last challenge, I'm very happy with my progress on flex/grid.
What specific areas of your project would you like help with?I would like to get some feedback on accessibility. I used
<label for="">for every input. The one for the tips just references the custom input. Maybe making the other controls for the tip percentagesaria-hiddenmight be sensible.Is there some way to make the outputs (tip amount/totals) more accessible? live-regions seem relevant, but maybe not quite a perfect fit.
P@JoelJacobOGreat work
- @MARYAMTEEP@JoelJacobO
beautiful
- @burakugrasWhat are you most proud of, and what would you do differently next time?
I proud of I created ordered and clean HTML structure, so I didn't get difficulty in developing css and js.
What challenges did you encounter, and how did you overcome them?While developing mobile responsive design, I encountered some issues about bottom button. But I handled it thanks to css codes.
What specific areas of your project would you like help with?I need to get help some places on js code. In error status (sending empty input) my error label doesn't seem dynamically.
P@JoelJacobOBeautiful
- @ebrahim113
