Great but why is my mouse only a pointer over the smiley but not over the entire then when I in fact can click the entire thing to make it work.
Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
61–70 of 80 posts
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#62Earlier quoted context omitted.
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.
Which version of iOS? As far as I can tell you can tap or swipe/slide the switches.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#63Earlier 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?
Yes, I would.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#64That'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 green. It would be easier to convince me to pay money with this toggle. Then again, I'm a sucker for happy faces and cute things, so maybe I'm just weak to this kind of thing.
I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.
"We want users to understand that they’re pretty much cheating the system when they choose not to pay for software"
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#65Earlier quoted context omitted.
And now I want to learn SVG.
You should, working with SVG is interesting. It makes you think differently in how to handle UI design. I wish it were better supported across the board in browsers, it would help solve a great deal of UI issues.
Any suggestions of how to get started? It's been a topic I have long been interested in but never found a good path to follow.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#66Earlier quoted context omitted.
You should, working with SVG is interesting. It makes you think differently in how to handle UI design. I wish it were better supported across the board in browsers, it would help solve a great deal of UI issues.
Any suggestions of how to get started? It's been a topic I have long been interested in but never found a good path to follow.
I've just started, but this looks like a nice tutorial: http://tutorials.jenkov.com/svg/index.html
Also if you use Atom you should install this package: https://atom.io/packages/svg-preview
Overall it's quite simple especially if you have experience with HTML and Canvas. Much easier for me than Inkspace.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#67Earlier quoted context omitted.
You should, working with SVG is interesting. It makes you think differently in how to handle UI design. I wish it were better supported across the board in browsers, it would help solve a great deal of UI issues.
Any suggestions of how to get started? It's been a topic I have long been interested in but never found a good path to follow.
It really kind of depends on what you want to do with the SVGs. They can cover topics such as icons, animations, UI, charts, reports, and so on. Just about anything you can imagine using a vector image instead of a raster applies. Many javascript libraries already exist to cover many of the usual situations. You can look into those and play with them to figure out where your interests lie.
And this isn't limited to web technologies and browsers.
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#68That'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 green. It would be easier to convince me to pay money with this toggle. Then again, I'm a sucker for happy faces and cute things, so maybe I'm just weak to this kind of thing.
I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.
Kind of like in the "Nosedive" episode of Black Mirror? [1]
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#69Earlier quoted context omitted.
You should, working with SVG is interesting. It makes you think differently in how to handle UI design. I wish it were better supported across the board in browsers, it would help solve a great deal of UI issues.
Any suggestions of how to get started? It's been a topic I have long been interested in but never found a good path to follow.
I started learning SVG going through all the jenkov examples - really great resource. The SVGs I create now are designed to be easy to understand because I wanted to pay it forward. Have a pick through my other pens and maybe my channel http://YouTube.com/+framespark
Re: Show HN: An HTML/CSS/JS toggle switch with happy and sad emojis
#70That'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 green. It would be easier to convince me to pay money with this toggle. Then again, I'm a sucker for happy faces and cute things, so maybe I'm just weak to this kind of thing.
I already see it happening. In 5 years emotional-manipulation-driven design is going to be the next hot thing.
It's pretty common actually, see here: