i have no simple way of saying they look like a range of happiness slider.
November 5, 2025 at 2:54 AM
i have no simple way of saying they look like a range of happiness slider.
A thing I coded on @codepen.io a while back: volume slider codepen.io/thebabydino/...
(a range input styling exercise)
#CSS
(a range input styling exercise)
#CSS
October 16, 2025 at 9:17 PM
A thing I coded on @codepen.io a while back: volume slider codepen.io/thebabydino/...
(a range input styling exercise)
#CSS
(a range input styling exercise)
#CSS
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
A native way of having more than one thumb on a range slider in HTML | utilitybend
Accessible and styled multi-handle range sliders in HTML? We should explore this option. And I need your help!
utilitybend.com
October 17, 2025 at 8:49 AM
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
SILVERTONE 1425 - 2 pu electric guitar redsunburst hollowbody hsc Kay 1959. For sale:
(Another Kay repost) Bold sunburst, lightweight, classic S pickguard, plays great plugged in & unplugged. Similar to Kay Pacer.
www.vintagesilvertones.com/product/silv...
#VintageGuitar #Guitar #Silvertone #Kay
(Another Kay repost) Bold sunburst, lightweight, classic S pickguard, plays great plugged in & unplugged. Similar to Kay Pacer.
www.vintagesilvertones.com/product/silv...
#VintageGuitar #Guitar #Silvertone #Kay
October 6, 2025 at 7:01 PM
SILVERTONE 1425 - 2 pu electric guitar redsunburst hollowbody hsc Kay 1959. For sale:
(Another Kay repost) Bold sunburst, lightweight, classic S pickguard, plays great plugged in & unplugged. Similar to Kay Pacer.
www.vintagesilvertones.com/product/silv...
#VintageGuitar #Guitar #Silvertone #Kay
(Another Kay repost) Bold sunburst, lightweight, classic S pickguard, plays great plugged in & unplugged. Similar to Kay Pacer.
www.vintagesilvertones.com/product/silv...
#VintageGuitar #Guitar #Silvertone #Kay
At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.
It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.
Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.
Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
October 3, 2025 at 4:24 PM
At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.
It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.
Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.
Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
I wonder if there are other users who has 100/100 muscle slider on vanilla but tells /glamourer to tone that down to 0-50/100 range perpetually.
I personally do that (10/100) because it gets odd in my eyes if I think my boy is ‘flexing’ 100% of time 😅
#Rein💚
I personally do that (10/100) because it gets odd in my eyes if I think my boy is ‘flexing’ 100% of time 😅
#Rein💚
September 27, 2025 at 11:51 PM
I wonder if there are other users who has 100/100 muscle slider on vanilla but tells /glamourer to tone that down to 0-50/100 range perpetually.
I personally do that (10/100) because it gets odd in my eyes if I think my boy is ‘flexing’ 100% of time 😅
#Rein💚
I personally do that (10/100) because it gets odd in my eyes if I think my boy is ‘flexing’ 100% of time 😅
#Rein💚
💻 Got some feedback, while working from the pub, that our venue review age demographics were to restrictive. So, we swapped it to a range slider. Now we wait for it to break some hard coded rules in the backend #buildInPublic #wheretodrink #craftbeer
Cheers to @turbotopia.drnk.beer for that 🍻
Cheers to @turbotopia.drnk.beer for that 🍻
September 18, 2025 at 4:05 PM
💻 Got some feedback, while working from the pub, that our venue review age demographics were to restrictive. So, we swapped it to a range slider. Now we wait for it to break some hard coded rules in the backend #buildInPublic #wheretodrink #craftbeer
Cheers to @turbotopia.drnk.beer for that 🍻
Cheers to @turbotopia.drnk.beer for that 🍻
WIP of a commission BUT, would yall be interesting in this kind of collar as a regular shop item? The side-release buckle is metal (not plastic!) and the slider means I can make them adjustable for a wide range of sizes!
September 12, 2025 at 3:17 PM
WIP of a commission BUT, would yall be interesting in this kind of collar as a regular shop item? The side-release buckle is metal (not plastic!) and the slider means I can make them adjustable for a wide range of sizes!
🎚 I just shipped range-slider-element v2.0.0. A cross-browser customizable and accessible #WebComponent.
New features:
- Multi-thumb support
- Vertical orientation support
- Works like a built-in HTML form element
andreruffert.github.io/range-slider...
New features:
- Multi-thumb support
- Vertical orientation support
- Works like a built-in HTML form element
andreruffert.github.io/range-slider...
<range-slider> element - Web Component
A cross browser customizable and accessible range slider web component.
andreruffert.github.io
March 5, 2025 at 6:43 PM
🎚 I just shipped range-slider-element v2.0.0. A cross-browser customizable and accessible #WebComponent.
New features:
- Multi-thumb support
- Vertical orientation support
- Works like a built-in HTML form element
andreruffert.github.io/range-slider...
New features:
- Multi-thumb support
- Vertical orientation support
- Works like a built-in HTML form element
andreruffert.github.io/range-slider...
I need money and the job market sucks, how about I knock up vrc avatars instead?
What sounds like a good pricing range sorta thing? I was thinkin maybe 30$ to put on the belly, have a toggle/slider, then maybe 50$ to do the belly, slider, and some animations
Thoughts? Suggestions?
What sounds like a good pricing range sorta thing? I was thinkin maybe 30$ to put on the belly, have a toggle/slider, then maybe 50$ to do the belly, slider, and some animations
Thoughts? Suggestions?
April 18, 2025 at 8:23 PM
I need money and the job market sucks, how about I knock up vrc avatars instead?
What sounds like a good pricing range sorta thing? I was thinkin maybe 30$ to put on the belly, have a toggle/slider, then maybe 50$ to do the belly, slider, and some animations
Thoughts? Suggestions?
What sounds like a good pricing range sorta thing? I was thinkin maybe 30$ to put on the belly, have a toggle/slider, then maybe 50$ to do the belly, slider, and some animations
Thoughts? Suggestions?
🌸 New Sliding Pin 🌸
The energy level sliding pin will be available for purchase starting on September 6th at 2pm MST! There'll only be a limited amount of them available! They'll be 22$ USD each. The battery slider moves! They're 2.5 inches big!
Store details below!
The energy level sliding pin will be available for purchase starting on September 6th at 2pm MST! There'll only be a limited amount of them available! They'll be 22$ USD each. The battery slider moves! They're 2.5 inches big!
Store details below!
August 28, 2023 at 2:30 AM
🌸 New Sliding Pin 🌸
The energy level sliding pin will be available for purchase starting on September 6th at 2pm MST! There'll only be a limited amount of them available! They'll be 22$ USD each. The battery slider moves! They're 2.5 inches big!
Store details below!
The energy level sliding pin will be available for purchase starting on September 6th at 2pm MST! There'll only be a limited amount of them available! They'll be 22$ USD each. The battery slider moves! They're 2.5 inches big!
Store details below!
#tinyCSStip Let's say we want a 90° rotated element (like a range input because rotation is the only way we can make it vertical) to fully cover its flexible size (think `clamp()` using % values & stuff) parent.
We can make this parent a container and use container query units to style our element.
We can make this parent a container and use container query units to style our element.
![.parent { /* flexible dimensions element */
container-type: size
}
[type='range'] {
/* make its width equal to the flexible height of its parent */
width: 100cqh;
/* make its height equal to the flexible width of its parent */
height: 100cqw;
/* get a vertical slider by rotating it */
rotate: -90deg
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:4hm2yozxzsakerfalloor5s6/bafkreicyaxi2rjufgfta3jilrstneiux65kqfsotushcmxbwhomrvctve4@jpeg)
May 2, 2024 at 2:24 PM
#tinyCSStip Let's say we want a 90° rotated element (like a range input because rotation is the only way we can make it vertical) to fully cover its flexible size (think `clamp()` using % values & stuff) parent.
We can make this parent a container and use container query units to style our element.
We can make this parent a container and use container query units to style our element.
I don’t remember the number. Just that the most recent bloodwork showed the slider bar indicator still in the “good” range
August 20, 2025 at 10:19 PM
I don’t remember the number. Just that the most recent bloodwork showed the slider bar indicator still in the “good” range
You might be able to make this a little more simple and intuitive to tweak by using a Remap node out of the distance, and having your slider change the Input Max value.
Also, Power of the distance can give you some less linear / more natural fading — I'd play around in the ^1-4 range to start.
Also, Power of the distance can give you some less linear / more natural fading — I'd play around in the ^1-4 range to start.
February 24, 2025 at 3:12 PM
You might be able to make this a little more simple and intuitive to tweak by using a Remap node out of the distance, and having your slider change the Input Max value.
Also, Power of the distance can give you some less linear / more natural fading — I'd play around in the ^1-4 range to start.
Also, Power of the distance can give you some less linear / more natural fading — I'd play around in the ^1-4 range to start.
A lightweight jQuery range slider plugin featuring dual handles and synchronized input controls. Perfect for precise range selection in web applications.
👉 www.jqueryscript.net/form/range-s...
👉 www.jqueryscript.net/form/range-s...
jQuery Range Slider Plugin with Synchronized Inputs (1.34KB)
A lightweight jQuery range slider plugin featuring dual handles and synchronized input controls. Perfect for precise range selection in web applications.
www.jqueryscript.net
February 7, 2025 at 6:55 AM
A lightweight jQuery range slider plugin featuring dual handles and synchronized input controls. Perfect for precise range selection in web applications.
👉 www.jqueryscript.net/form/range-s...
👉 www.jqueryscript.net/form/range-s...
🚢 New Filter Sidebar Component in RiseVerse Library, for filtering web apps.
Features a list of radio buttons and checkboxes in accordions, a range slider and a search input.
Copy-paste it into Webflow, then it's about your creativity.
Link 👇
Features a list of radio buttons and checkboxes in accordions, a range slider and a search input.
Copy-paste it into Webflow, then it's about your creativity.
Link 👇
March 3, 2025 at 6:19 PM
🚢 New Filter Sidebar Component in RiseVerse Library, for filtering web apps.
Features a list of radio buttons and checkboxes in accordions, a range slider and a search input.
Copy-paste it into Webflow, then it's about your creativity.
Link 👇
Features a list of radio buttons and checkboxes in accordions, a range slider and a search input.
Copy-paste it into Webflow, then it's about your creativity.
Link 👇
Finally, I've finished the last part :) (thanks, GPT! 😉)
You can now scan the timeline of any group of users to check how much they've been posting on average recently:
blue.mackuba.eu/skythread/?p...
#atdev #buildinpublic
You can now scan the timeline of any group of users to check how much they've been posting on average recently:
blue.mackuba.eu/skythread/?p...
#atdev #buildinpublic
June 27, 2025 at 12:28 PM
Finally, I've finished the last part :) (thanks, GPT! 😉)
You can now scan the timeline of any group of users to check how much they've been posting on average recently:
blue.mackuba.eu/skythread/?p...
#atdev #buildinpublic
You can now scan the timeline of any group of users to check how much they've been posting on average recently:
blue.mackuba.eu/skythread/?p...
#atdev #buildinpublic
No, if we have to move the slider - or enlarge its range, don’t move it left.
That’s what I’m saying.
That’s what I’m saying.
July 17, 2025 at 10:15 PM
No, if we have to move the slider - or enlarge its range, don’t move it left.
That’s what I’m saying.
That’s what I’m saying.
dude!!! the V4 of the RP 7000 MK2 fits so well! I think the only errors at this point are around half of a millimeter (with the exception of the tempo range buttons)
even if I'm not able to tighten this down any more, I'd still be very pleased with this result. let's push it a bit further tho!
even if I'm not able to tighten this down any more, I'd still be very pleased with this result. let's push it a bit further tho!
October 5, 2025 at 2:39 PM
dude!!! the V4 of the RP 7000 MK2 fits so well! I think the only errors at this point are around half of a millimeter (with the exception of the tempo range buttons)
even if I'm not able to tighten this down any more, I'd still be very pleased with this result. let's push it a bit further tho!
even if I'm not able to tighten this down any more, I'd still be very pleased with this result. let's push it a bit further tho!
An moving all the Firefoz/Mozilla styles to the bottom, solves the problem for Safari.
This code will work, even on Safari:
.range {
&::-webkit-slider-runnable-track { ... }
&::-webkit-slider-thumb { ... }
&::-moz-range-track { ... }
&::-moz-range-thumb { ... }
}
This code will work, even on Safari:
.range {
&::-webkit-slider-runnable-track { ... }
&::-webkit-slider-thumb { ... }
&::-moz-range-track { ... }
&::-moz-range-thumb { ... }
}
December 23, 2024 at 10:19 PM
An moving all the Firefoz/Mozilla styles to the bottom, solves the problem for Safari.
This code will work, even on Safari:
.range {
&::-webkit-slider-runnable-track { ... }
&::-webkit-slider-thumb { ... }
&::-moz-range-track { ... }
&::-moz-range-thumb { ... }
}
This code will work, even on Safari:
.range {
&::-webkit-slider-runnable-track { ... }
&::-webkit-slider-thumb { ... }
&::-moz-range-track { ... }
&::-moz-range-thumb { ... }
}
My fluid slider demo uses this technique: range input + output + datalist, all in a wrapper. Nothing more. All the JS does is update the `--val` on the wrapper.
You can check it out on @codepen.io: codepen.io/thebabydino/...
#HTML #CSS
You can check it out on @codepen.io: codepen.io/thebabydino/...
#HTML #CSS
September 16, 2024 at 9:54 AM
My fluid slider demo uses this technique: range input + output + datalist, all in a wrapper. Nothing more. All the JS does is update the `--val` on the wrapper.
You can check it out on @codepen.io: codepen.io/thebabydino/...
#HTML #CSS
You can check it out on @codepen.io: codepen.io/thebabydino/...
#HTML #CSS
I'm used to 3dsmax's bullshit, but now, that's a new one!
The slider is going out of range???
The slider is going out of range???
December 16, 2024 at 9:06 PM
I'm used to 3dsmax's bullshit, but now, that's a new one!
The slider is going out of range???
The slider is going out of range???
I think the concern with the chest slider was making characters that look young (which is strange because I could have sworn they had preset heights). However if they add the slider back I think that's ultimately a win even if they limit the range somewhat. Whatever happens I'm glad we're getting X!
October 30, 2024 at 10:25 PM
I think the concern with the chest slider was making characters that look young (which is strange because I could have sworn they had preset heights). However if they add the slider back I think that's ultimately a win even if they limit the range somewhat. Whatever happens I'm glad we're getting X!
According to Pipeline, he has a 96 mph fastball and an 84 mph slider with lots of drop and an insane 70% whiff rate. It may not generate as many whiffs in MLB, but a whiff% in the 30-40 range is not out of the question. It’d still be elite, and Reifert will be a strong MLB reliever as a result.
December 13, 2024 at 1:17 AM
According to Pipeline, he has a 96 mph fastball and an 84 mph slider with lots of drop and an insane 70% whiff rate. It may not generate as many whiffs in MLB, but a whiff% in the 30-40 range is not out of the question. It’d still be elite, and Reifert will be a strong MLB reliever as a result.
1995: Furniture from Argos
(+Montego Buffet Unit; Display Unit; Cocktail Unit; Small Buffet Unit; Slider Bookcase; Twin Tower Hi-Fi Storage Unit; Newbury Hi-Fi Storage Unit; Corner Hi-Fi Unit; Low Hi-Fi Unit; Kestrel CD/Video Storage Unit; Gull Wing Door Unit; Double CD Tower, and more)
(+Montego Buffet Unit; Display Unit; Cocktail Unit; Small Buffet Unit; Slider Bookcase; Twin Tower Hi-Fi Storage Unit; Newbury Hi-Fi Storage Unit; Corner Hi-Fi Unit; Low Hi-Fi Unit; Kestrel CD/Video Storage Unit; Gull Wing Door Unit; Double CD Tower, and more)
July 13, 2025 at 7:00 PM
1995: Furniture from Argos
(+Montego Buffet Unit; Display Unit; Cocktail Unit; Small Buffet Unit; Slider Bookcase; Twin Tower Hi-Fi Storage Unit; Newbury Hi-Fi Storage Unit; Corner Hi-Fi Unit; Low Hi-Fi Unit; Kestrel CD/Video Storage Unit; Gull Wing Door Unit; Double CD Tower, and more)
(+Montego Buffet Unit; Display Unit; Cocktail Unit; Small Buffet Unit; Slider Bookcase; Twin Tower Hi-Fi Storage Unit; Newbury Hi-Fi Storage Unit; Corner Hi-Fi Unit; Low Hi-Fi Unit; Kestrel CD/Video Storage Unit; Gull Wing Door Unit; Double CD Tower, and more)