codepen.io
Creative
ui widget
SHOW HN2017
How HN took it
13 positive, 4 neutral or asking, 2 mixed, 10 critical, out of 29 comments about the project. Thread score +0.07.
Design: 7 for, 2 againstExecution: 1 for, 6 againstIdea: 4 for, 0 againstPerformance: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Cute and fun animation
From 4 comments
That's adorable. I wonder how using such a toggle could change the user behavior. I had a bit of a hard time turning the face into a sad face. I really liked it much better at…
remy_luisant on HNCute!
sangupta on HNAfter flat UI, cute UI? I love this. Btw this is a joke, but how far from reality is it? In Japan there is definitely a cute UI. I could even say that the Nintendo Switch UI is a…
baby on HNNice work, looks really great!
yev on HN
Smooth transitions and blink details
From 2 comments
Awesome transitions! One minor annoyance is toggles is meant to respond instantly, and when I click it just accelerates tad slow as to make you think it's a bit lagged. Looks…
itchynosedev on HNI think the blinking is actually much more effective this way, too!
neogodless on HN
Objections
Click delay makes it feel unresponsive
From 2 comments
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.
HalfwayToDice on HNAwesome transitions! One minor annoyance is toggles is meant to respond instantly, and when I click it just accelerates tad slow as to make you think it's a bit lagged. Looks…
itchynosedev on HN
Dragging does not work on touch or mouse
From 2 comments
A slider that doesn't slide when swiping on touch devices also is.
clishem on HNNice. Trying to drag the button doesn't work though; I would add that.
gpvos on HN
Should be a native checkbox for accessibility
From 2 comments
This should really be an <input type="checkbox"> with bonus CSS/JS so that it's backward compatible and doesn't break the world of accessibility, tabs, focus, forms, etc. I think…
graiz on HNNow try to use a valid checkbox input.
zichy on HN
Requests
Support dragging the switch
From 1 comment
Nice. Trying to drag the button doesn't work though; I would add that.
gpvos on HN
Use a pointer cursor on clickable elements
From 1 comment
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,…
kolme on HN
Questions
Can this be used under an open source license?
From 1 comment
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.
Klathmon on HN
Alternatives named
Native HTML checkbox input
From 1 comment
This should really be an <input type="checkbox"> with bonus CSS/JS so that it's backward compatible and doesn't break the world of accessibility, tabs, focus, forms, etc. I think…
graiz on HN