A bunch of feedback ideas for your buttons
HTML CSS JavaScript
Latest commit 25e9dc2 Aug 27, 2015 @nobilelucifero Merge pull request #3 from BuKinoshita/master
adding node_modules to gitignore
Failed to load latest commit information.
css fix :hover problems on touch devices (thanks to Modernizr) Mar 16, 2014
images add proper toggles, refine JS Mar 13, 2014
js load event should work better than DOMContentLoaded Mar 17, 2014
.gitignore Adding to gitignore Aug 27, 2015
Gruntfile.js give a theme to the Page Mar 2, 2014
index.html minor changes in the HTML Mar 18, 2014


UI Feedbacks

A bunch of feedback ideas for your buttons. This demo does not rely on any particular coding technique, instead it just serves as an inspiration to give your interfaces some more dynamism. I hope you'll enjoy it!

Demo at: creativespooks.com/ui-feedbacks

Note: more is coming. Suggestions are welcomed!

Browser support

I still didn't have the chance to test it on IE* nor IE* Mobile or older versions of Safari. I tested Chrome for Android and Safari Mobile (on the iOS Simulator). Both seems to work fine.

Chrome Firefox IE Safari
33 27 9-11 (?) 7

Known issues

  • Safari 7 (at least on Desktop) has a terrible upscaling of SVGs. Not sure if I can do anything for this issue.
  • Firefox seems to have some problems in transitioning paths inside inline SVGs. I'm playing around the code to make it work better. Plus, I get some artifacts in the rendering. I fear I won't be able to fix them.
  • previousElementSibling is not supported by Safari. That's why the last section doesn't work. More infos here: ChildNode.previousElementSibling. Going to fix it as soon as possible! Update: this seems to be fixed now.
  • On touch devices (I could test just Chrome on Android), these feedbacks tend to remain in a "focused" state. I'm investigating on this, but shouldn't be a big problem. Update: this should be fixed now.