All comments

• 

  Janssen Schembri• 140

  @Janssenhidal

  Submitted almost 3 years ago

  Any feedback is highly appreciated! Especially regarding best practices I could improve on.

  

  Range Slider / Toggle Button

  1

  1

  0

  

  Jerry Yanikov• 105

  @JerryYanikov

  Posted almost 3 years ago

  1. pull the background image outside of the container to have it stretch on the entire screen witdh.
  2. discount should be minus 25%, not additional. if (toggler.classList.contains('checked')) { price *= 0.75; }

  other than these two, this is a great work!

  Marked as helpful

  0
• 

  Anurag Singh• 1,265

  @exist08

  Submitted almost 3 years ago

  How to make a good range/slider bar ? How to make the slider value continuosly change when we slide and mouse button is pressed(keydown) ?

  

  Not Satisfied with this one, Unable to make thumb icon overflow

  1

  1

  0

  

  Jerry Yanikov• 105

  @JerryYanikov

  Posted almost 3 years ago

  1. you can use 'step=25' in your input (in the HTML input range line)
  2. you can use #slider::-webkit-slider-thumb and #slider::-webkit-slider-thumb:active in your CSS to style the slider thumb.

  feel free to have a look in my solution to see what I mean.

  0
• 

  Gabriel Guerra• 270

  @guerrinharj

  Submitted over 3 years ago

  Still having issues with the input range runnable track, but overall pretty fun to do it!

  

  Interactive Pricing Component

  1

  2

  0

  

  Jerry Yanikov• 105

  @JerryYanikov

  Posted over 3 years ago

  Your issues with the input range runnable track can be solved using some JS. Use linear gradient and change its cutting point according the the value of the slider.

  0