5 ms·
Push It - Pure CSS Push Buttons
- CJefferson 15y agoI don't really get it.. In the demo: * The font is almost unreadable. * The buttons don't seem to move/click, which has confused me in the past on a slow connection.
- talmand 15y agoThe demo is just an image, he explains further down that he doesn't have a spot to host the demo. The font is easily replaced. It's just a simple button that clicks down a bit when pushed. It's designed nicely enough with just CSS but I would still prefer using images until CSS3 is more common. There's a simple enough solution to do the same thing using a sprite sheet and CSS2. It only interacts with the click event and needs to be expanded to include hover as well. This seems more like an example of how to create the buttons as opposed to a drop-in solution. You would have to edit the css quite a bit to get it to work with your design unless you happen to like the button design offered.
- innes 15y agoThe heading above the images is somewhat misleading: "Check out what these pushovers look like: Demo"
- xentronium 15y agoThe demo is actually a static picture :)
- cloug 15y agoan interactive demo would be better, the developer should have a look at Github Pages (http://pages.github.com/ http://pages.github.com/)
- adrianrodriguez 15y agoSorry, I didn't have a place to host it at first, but then a friend told me about github pages, so I actually have a working demo here: http://adrianrodriguez.github.com http://adrianrodriguez.github.com Also, the font is just an example, you can use any font you wish.
- aaronblohowiak 15y agoNot to be confused with my project on github with a hundred followers that offers browser-based pubsub http://github.com/aaronblohowiak/Push-It http://github.com/aaronblohowiak/Push-It
- PetrolMan 15y agoAre you legitimately trying to clear up any confusion? I am perhaps just being cynical but it did not read that way to me...
- aaronblohowiak 15y agoHow would you word it to come across as being more helpful? I want to disambiguate in case people google "push it" or have read me talking about it here or on twitter. I do not want people to hear about my Push-It and think that it is this project. While progress in features and popularity have been slow, I've been working on Push-It since march of last year and would like to maintain a clear distinction around an open-source project with that name. If you're not vigilant with any brand, you risk dilution and confusion. While it is a little rude to name your project the same as another currently-active project, I did not think my original post stated or implied anything of that nature.
- PetrolMan 15y agoI'm honestly not certain. I absolutely understand where you are coming from and why you included the information you did but when I first read "my project... with 100 followers" it struck me wrong. I guess it's one of those situations where the projects are so different that having to throw in some mark of delineation seems unnecessary and more like a plug...
- adrianrodriguez 15y agoSorry if it feels like I stole your name. I definitely didn't think there was a repo named Push It for css buttons.
- deleted 15y ago[deleted]
- dmerfield 15y agoEven if the author fixed the line-height, type choice, text-shadow, background gradient, border-color and box-shadow, the resulting button would still have been done many thousands of times before.
- adrianrodriguez 15y agoThat's true, this has been done a thousand times, but I wanted to see how well I can do it and improve it in any way possible. Thanks for at least checking it out. :)