Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by HalfwayToDice on Wednesday March 15, 2017 @06:40AM
(#13875153)
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.
[ Parent
| on HN ]
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by clishem on Wednesday March 15, 2017 @06:44AM
(#13875161)
A slider that doesn't slide when swiping on touch devices also is.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by jessriedel on Wednesday March 15, 2017 @07:08AM
(#13875251)
Yep, I tried sliding this slider 3 times and gave up. Had to come to the comments to figure out how to work it.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by kolme on Wednesday March 15, 2017 @07:24AM
(#13875324)
Now that we're at it: clickable things have the "hand" cursor.
All of the widget is actionable yet the cursor is not always pointy.
It's one of my pet peeves.
That being said, the animation is beautifully done and the widget very cute. This is just eye-candy.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by nsgi on Wednesday March 15, 2017 @11:36AM
(#13876806)
Would you use a hand cursor for a button?
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by kolme on Wednesday March 22, 2017 @08:41PM
(#13936522)
Super late answer but I hope you get it: yes, it is a good practice.
In "native apps" on desktops, all buttons look the same, so users know they're clickable because they've already learned it.
On the web however, every page looks different, so it is helpful to show the users you can click things by using the "hand" cursor.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by splitbrain on Wednesday March 15, 2017 @12:13PM
(#13877131)
Yes, I would.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by redshark1802 on Wednesday March 15, 2017 @08:26AM
(#13875585)
fixed it for you: http://codepen.io/anon/pen/PpJwKL
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by chasingtheflow on Wednesday March 15, 2017 @10:17AM
(#13876239)
Nice! Though it looks like in your version the blink is happening from top-to-bottom as opposed to collapsing in the middle. I like the blink after the toggle, but the actual blink animation in the original in preferable imo.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by tbirrell on Wednesday March 15, 2017 @10:44AM
(#13876422)
If you slow down the original, it does the same thing. Optical illusion I think.
Edit: only the second blink is funky. The first is how you recall.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by chrisgannon on Thursday March 16, 2017 @02:38AM
(#13883026)
The first (happy) blink is fractionally slower than the sad blink on purpose. I'm obsessive about details.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by neogodless on Wednesday March 15, 2017 @10:04AM
(#13876145)
I think the blinking is actually much more effective this way, too!
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by chrisgannon on Thursday March 16, 2017 @02:36AM
(#13883015)
Yes you messed up the transform origin.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by cpfohl on Wednesday March 15, 2017 @07:10AM
(#13875257)
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.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by ominous on Wednesday March 15, 2017 @07:46AM
(#13875421)
> 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 ...
by oneZergArmy on Wednesday March 15, 2017 @07:13AM
(#13875270)
I see nothing wrong with constructive criticism.
Re:Show HN: An HTML/CSS/JS toggle switch with happy and sad ...
by Already__Taken on Wednesday March 15, 2017 @06:57AM
(#13875211)
It handles a double-click nicely though so credit for that.