Mastodawn

Ana Tudor 🐯Dec 19

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

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

Ana Tudor 🐯Oct 17

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

Show thread

Ana Tudor 🐯May 23, 2025

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 Apr 9, 2024

🚀 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

RapidClipse 🚀 The Eclipse Distribution for Rapid Cross-Platform-Development with Java

All important Eclipse plugins(+ additional tools) already pre-installed and pre-configured. No more complex Eclipse configurations. Simply install and get started right away.

Ana Tudor 🐯Jun 19, 2023

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