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.
fixed it for you: http://codepen.io/anon/pen/PpJwKL
Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
71–80 of 80 posts
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#72Earlier quoted context omitted.
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.
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 emojis
#73Nice. Trying to drag the button doesn't work though; I would add that.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#74Can I use this under any kind of OSS license? I'm not the most familiar with codepen so I apologise if it's on there somewhere already.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#75Can I use this under any kind of OSS license? I'm not the most familiar with codepen so I apologise if it's on there somewhere already.
No I don't grant permission sorry. I put stuff out to show off my skills and to help people learn.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#76Earlier quoted context omitted.
No I don't grant permission sorry. I put stuff out to show off my skills and to help people learn.
Well as another here has pointed out this is licensed under the MIT license on codepen and explicitly for this at [0] then click "license" below the pen [0] http://codepen.io/chrisgannon/details/WpjXVr
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#77Earlier quoted context omitted.
Well as another here has pointed out this is licensed under the MIT license on codepen and explicitly for this at [0] then click "license" below the pen [0] http://codepen.io/chrisgannon/details/WpjXVr
I'm just saying as the original designer/artist I don't give permission, regardless of the MIT license (which I disagree with on CodePen but that's another story).
It doesn't matter what you say here, the license is kind of final for the code it's referencing.
IIRC CodePen does allow you to license your code differently, but it requires a "pro" account.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#78Earlier quoted context omitted.
I'm just saying as the original designer/artist I don't give permission, regardless of the MIT license (which I disagree with on CodePen but that's another story).
I get that from a "ethics" standpoint (and I won't be using it in our project like I wanted), but legally you are giving permission for anyone to use the software in any way they see fit within the MIT license. It doesn't matter what you say here, the license is kind of final for the code it's referencing. IIRC CodePen does allow you to license your code differently, but it requires a "pro" account.
Judging by the fact you said you won't use it, you seem to have a working moral compass - unfortunately you are a minority.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#79Earlier quoted context omitted.
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…
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#80Earlier quoted context omitted.
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.
Would you use a hand cursor for a button?
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.