Live data from Hacker News

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

codepen.io

71–80 of 80 posts

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

#71
post #39

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

Yes you messed up the transform origin.

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

#72

Earlier 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.

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 emojis

#74

Can 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

#75

Can 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.

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

#76

Earlier 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

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).

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

#77

Earlier 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).

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.

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

#78

Earlier 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.

I am a Pro and to legally avoid this I could create pens that are private but then nobody would learn anything from them and I wouldn't get them featured anywhere. So people can use them as long as they include a license which, let me assure you from bitter experience, nobody ever does.

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

#79
post #18

Earlier 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…

Yeah. They do that. When you try to quit Bookworm Adventures the bookworm cries "Don't leave me!"...

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

#80
post #60
post #28

Earlier 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?

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.

Post reply on HN