#rangeinput — Public Fediverse posts

Styled native range input on @codepen: https://codepen.io/thebabydino/pen/ogoxgZ

#CSS #slider #rangeInput #code #frontend #web #dev #webDev #webDevelopment #coding

A thing I coded on @codepen a while back: volume slider https://codepen.io/thebabydino/pen/eYvzRPN

(a range input styling exercise, reproducing with code something I fond on Dribbble)

#CSS #slider #rangeInput #code #frontend #web #dev #webDev #webDevelopment #coding #slider #SVG

5️⃣ 850 ♥️ No SVG, no image fluid slider https://codepen.io/thebabydino/pen/qByGqOm

#JS used only for
a) feature support detection
b) updating slider value in --val

Uses only
1 × input[type=range] for actual slider
1 × output for current value display
1 × datalist for ruler

One of my best sliders on @codepen.

#CSS #slider #rangeInput #coding #web #dev #webDevelopment #webDev #code #frontend #cssGrid #cssMask #cssGradient

🚀 RapidClipse 13 has landed! Upgraded to #Vaadin 24 & the latest Eclipse, with new UI components like #RangeInput. Elevate your dev game now! 🔗 https://rapidclipse.com/en

Talk to us about #RapidClipse and more at DEVNEXUS this week!
#Vaadin24 #OpenSource

Death metal powered workout: done ✅

Should clean myself & quickly run to Lidl, but first... here's something for you and sort of for the #CodePenChallenge: a soft realistic slider!

Check it out on @CodePen: https://codepen.io/thebabydino/pen/BaRopgJ

#css #slider #rangeInput #coding #frontend #webdev #webDevelopment