Live data from Hacker News

Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

codepen.io

31–40 of 80 posts

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#31

Earlier quoted context omitted.

Why wouldn't you? It looks like a slider toggle, not a checkbox.

what is a "slider toggle"? sliders should be used for ranges of values. checkbox for toggling values. we could argue it's unfortunate that iOS(?) decided to start making their "checkboxes" look a little like sliders, but they still only toggle values thus you don't slide them. in any case, i get where you're coming from. using mousedown instead of click or up maybe kind of solves both use cases?

"Checkboxes" that look like little sliders usually are good UI because they avoid this confusion, "is the control showing me the current state or the option to change to the desired state?" For whatever reason, toggle switches like this better convey that they're displaying the current state before you touch them.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#32

Earlier quoted context omitted.

Why wouldn't you? It looks like a slider toggle, not a checkbox.

what is a "slider toggle"? sliders should be used for ranges of values. checkbox for toggling values. we could argue it's unfortunate that iOS(?) decided to start making their "checkboxes" look a little like sliders, but they still only toggle values thus you don't slide them. in any case, i get where you're coming from. using mousedown instead of click or up maybe kind of solves both use cases?

People do though, I often watch (and cringe as) my parents do it.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#33
post #23

Click delay is bad UI. When you click it, the face first blinks, then moves. So it appears to not be working. Would be better to move first, then blink upon completion.

Seriously? I agree it needs to respond faster, but this is impressive and cool. Start with a compliment, you'll go a lot further in life.

> I agree it needs to respond faster, but this is impressive and cool.

You did the same thing.

Nothing wrong with being objective.

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#34
post #18
post #12

Earlier quoted context omitted.

I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.

When you buy a recording of one of Louis C.K.'s shows from his website, you are given the choice (*) Yes, I'd like to receive further emails about louis C. K. things. ( ) No, leave me alone forever you fat bastard.

This reminds me of Chuzzle[1], a cute puzzle game by PopCap (makers of Zuma, Pebble, Plants vs Zombies etc) that, when you tried to quit the game, it'd show you one of the furry creatures with googly eyes, asking you if you really wanted to quit[2]. I thought it was a nice touch at the time (maybe 10 years ago).

[1] https://www.youtube.com/watch?v=V3LJ9n43M-4 [2] http://www.mobygames.com/images/shots/l/112433-chuzzle-delux...

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#36

Earlier quoted context omitted.

Why wouldn't you? It looks like a slider toggle, not a checkbox.

what is a "slider toggle"? sliders should be used for ranges of values. checkbox for toggling values. we could argue it's unfortunate that iOS(?) decided to start making their "checkboxes" look a little like sliders, but they still only toggle values thus you don't slide them. in any case, i get where you're coming from. using mousedown instead of click or up maybe kind of solves both use cases?

The slide is so big on this one that it looks like multiple targets. The iOS ones are small enough that the only useful interaction is to mash with fingertip.

mousedown++ but also touch events

Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis

#38
post #7

Nice. Trying to drag the button doesn't work though; I would add that.

Why would you try drag it? Maybe I'm used to iOS I don't swipe those things I just touch them...

I still intuitively (try to) slide toggles on my iPad. Just because Apple did it wrong doesn't mean everyone should adapt.
Post reply on HN