increases the "hip" slider on everyone within range
September 16, 2026 at 8:25 PM
increases the "hip" slider on everyone within range
I find it satisfying to make a quick range slider in HTML to control a variable.
June 11, 2025 at 2:06 PM
I find it satisfying to make a quick range slider in HTML to control a variable.
I think about this tips slider a lot
January 13, 2026 at 9:18 PM
I think about this tips slider a lot
I have a really vivid memory of playing WWE wrestling games on the PS1 as a child and there being an extremely wide range of body parts you could use the slider option to shrink and grow your custom design wrestlers.
subscribestar.adult/spacepupsilver
subscribestar.adult/spacepupsilver
March 21, 2025 at 6:28 PM
I have a really vivid memory of playing WWE wrestling games on the PS1 as a child and there being an extremely wide range of body parts you could use the slider option to shrink and grow your custom design wrestlers.
subscribestar.adult/spacepupsilver
subscribestar.adult/spacepupsilver
To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions!
css-tip.com/wiggly-range...
Now, the range slider is perfect, no one can say otherwise!
css-tip.com/wiggly-range...
Now, the range slider is perfect, no one can say otherwise!
June 30, 2026 at 10:23 AM
To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions!
css-tip.com/wiggly-range...
Now, the range slider is perfect, no one can say otherwise!
css-tip.com/wiggly-range...
Now, the range slider is perfect, no one can say otherwise!
She got bit by a goomba.
She also has a built in slider :]
If she gets bit by a goomba, she loses her big long range main gun and starts running dualies!
She also has a built in slider :]
If she gets bit by a goomba, she loses her big long range main gun and starts running dualies!
March 21, 2025 at 2:04 AM
She got bit by a goomba.
She also has a built in slider :]
If she gets bit by a goomba, she loses her big long range main gun and starts running dualies!
She also has a built in slider :]
If she gets bit by a goomba, she loses her big long range main gun and starts running dualies!
SLIDER SEPTEMBER #15
@empressreina.bsky.social takes control, this is so much fun! I'm loving this so much! Everyone around me is too! Wow this is amazing! :D
#SliderSeptember #omnisky #hypersky
@empressreina.bsky.social takes control, this is so much fun! I'm loving this so much! Everyone around me is too! Wow this is amazing! :D
#SliderSeptember #omnisky #hypersky
September 24, 2026 at 3:05 PM
SLIDER SEPTEMBER #15
@empressreina.bsky.social takes control, this is so much fun! I'm loving this so much! Everyone around me is too! Wow this is amazing! :D
#SliderSeptember #omnisky #hypersky
@empressreina.bsky.social takes control, this is so much fun! I'm loving this so much! Everyone around me is too! Wow this is amazing! :D
#SliderSeptember #omnisky #hypersky
Dapple feels insane, its also like the only good mobility/short range slaying weapon with 2 unique and powerful kits and was already seeing insane tourney use before the hitbox/slider buff. Might actually be a top 5 weapon at this point for sure top 10.
January 29, 2026 at 7:53 PM
Dapple feels insane, its also like the only good mobility/short range slaying weapon with 2 unique and powerful kits and was already seeing insane tourney use before the hitbox/slider buff. Might actually be a top 5 weapon at this point for sure top 10.
I really wish social media sites had a little age-slider to only see posts from people who are within a certain age range. Sometimes I just wanna see what people my age are saying something.
September 7, 2023 at 7:11 PM
I really wish social media sites had a little age-slider to only see posts from people who are within a certain age range. Sometimes I just wanna see what people my age are saying something.
How has this got less than 100 likes on CodePen!?
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
Centaur Slider
A centaur slider: left side is human, right side is horse. Move the slider and the different stages of the transformation are visible in a small cartoo...
codepen.io
July 4, 2025 at 9:10 PM
How has this got less than 100 likes on CodePen!?
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
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!
Need a range slider for filtering job postings labeled Vibes and it ranges from Chill to Manic.
January 23, 2025 at 1:44 AM
Need a range slider for filtering job postings labeled Vibes and it ranges from Chill to Manic.
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???
3D VTubers!
Have you ever felt like your model is too stiff in programs like VSeeFace? Don't worry, there's a fix for that!
All you gotta do is slide that "Movement Range" slider up, and you'll be able to break free from your confines in no time!!!
Have you ever felt like your model is too stiff in programs like VSeeFace? Don't worry, there's a fix for that!
All you gotta do is slide that "Movement Range" slider up, and you'll be able to break free from your confines in no time!!!
March 2, 2025 at 6:24 PM
3D VTubers!
Have you ever felt like your model is too stiff in programs like VSeeFace? Don't worry, there's a fix for that!
All you gotta do is slide that "Movement Range" slider up, and you'll be able to break free from your confines in no time!!!
Have you ever felt like your model is too stiff in programs like VSeeFace? Don't worry, there's a fix for that!
All you gotta do is slide that "Movement Range" slider up, and you'll be able to break free from your confines in no time!!!
he says it with so much contempt
July 13, 2026 at 1:46 AM
he says it with so much contempt
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 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.
5️⃣ 850 ♥️ No SVG, no image fluid slider codepen.io/thebabydino/...
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.io.
#CSS
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.io.
#CSS
May 23, 2025 at 4:35 PM
5️⃣ 850 ♥️ No SVG, no image fluid slider codepen.io/thebabydino/...
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.io.
#CSS
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.io.
#CSS
Red-eared slider turtles have been introduced to many areas of the USA outside of their native range, and are listed as one of the 100 worst invasive species. - CA Dept of Fish & Wildlife
California, 6” x 6”, oil on aluminum
#painting #sciart #turtles #wildlifeart #art #invasivespecies #🐡 #craft
California, 6” x 6”, oil on aluminum
#painting #sciart #turtles #wildlifeart #art #invasivespecies #🐡 #craft
February 6, 2025 at 1:43 PM
Red-eared slider turtles have been introduced to many areas of the USA outside of their native range, and are listed as one of the 100 worst invasive species. - CA Dept of Fish & Wildlife
California, 6” x 6”, oil on aluminum
#painting #sciart #turtles #wildlifeart #art #invasivespecies #🐡 #craft
California, 6” x 6”, oil on aluminum
#painting #sciart #turtles #wildlifeart #art #invasivespecies #🐡 #craft
Today I discovered a photo editing hack that let's me make mountains look twice as tall. (Lightroom Classic, manual lens corrections, set vertical slider set to -100.) A dramatic and fully fictional landscape, just for fun. 📸 😇
#photography #PhotoEditing #monochrome #BlackAndWhite #EastCoastKin
#photography #PhotoEditing #monochrome #BlackAndWhite #EastCoastKin
March 4, 2025 at 7:03 PM
Today I discovered a photo editing hack that let's me make mountains look twice as tall. (Lightroom Classic, manual lens corrections, set vertical slider set to -100.) A dramatic and fully fictional landscape, just for fun. 📸 😇
#photography #PhotoEditing #monochrome #BlackAndWhite #EastCoastKin
#photography #PhotoEditing #monochrome #BlackAndWhite #EastCoastKin
2️⃣ Update CSS variables using range slider
This one is a real game-changer. With only #CSS, you can use a range slider to update a CSS variable!
css-tip.com/css-variable...
Imagine all the JavaScript you will no longer need.
This one is a real game-changer. With only #CSS, you can use a range slider to update a CSS variable!
css-tip.com/css-variable...
Imagine all the JavaScript you will no longer need.
December 20, 2024 at 11:03 AM
2️⃣ Update CSS variables using range slider
This one is a real game-changer. With only #CSS, you can use a range slider to update a CSS variable!
css-tip.com/css-variable...
Imagine all the JavaScript you will no longer need.
This one is a real game-changer. With only #CSS, you can use a range slider to update a CSS variable!
css-tip.com/css-variable...
Imagine all the JavaScript you will no longer need.
Did you ever see a wavy range slider? Me neither!
Demo: codepen.io/t_afif/full/... via @codepen.io
A Chrome-only experimentation using modern features:
✅ Single element (an )
✅ 0 JavaScript
✅ 100% CSS Magic
✅ Useless but cool!
#codepenchallenge #CSS
Demo: codepen.io/t_afif/full/... via @codepen.io
A Chrome-only experimentation using modern features:
✅ Single element (an )
✅ 0 JavaScript
✅ 100% CSS Magic
✅ Useless but cool!
#codepenchallenge #CSS
February 20, 2025 at 12:03 PM
Did you ever see a wavy range slider? Me neither!
Demo: codepen.io/t_afif/full/... via @codepen.io
A Chrome-only experimentation using modern features:
✅ Single element (an )
✅ 0 JavaScript
✅ 100% CSS Magic
✅ Useless but cool!
#codepenchallenge #CSS
Demo: codepen.io/t_afif/full/... via @codepen.io
A Chrome-only experimentation using modern features:
✅ Single element (an )
✅ 0 JavaScript
✅ 100% CSS Magic
✅ Useless but cool!
#codepenchallenge #CSS
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
🎚 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...
a few tricks to this CSS-only styled range slider
using a scroll animation on the underlying [type=range] to grab the value in CSS is only part of it 🤙
this video reveals one trick where we translate the track inside a clipped container
learn about it in this week's "Craft of UI" 👇
using a scroll animation on the underlying [type=range] to grab the value in CSS is only part of it 🤙
this video reveals one trick where we translate the track inside a clipped container
learn about it in this week's "Craft of UI" 👇
November 15, 2024 at 7:55 PM
a few tricks to this CSS-only styled range slider
using a scroll animation on the underlying [type=range] to grab the value in CSS is only part of it 🤙
this video reveals one trick where we translate the track inside a clipped container
learn about it in this week's "Craft of UI" 👇
using a scroll animation on the underlying [type=range] to grab the value in CSS is only part of it 🤙
this video reveals one trick where we translate the track inside a clipped container
learn about it in this week's "Craft of UI" 👇