News for hackers. Stuff that matters.
Re:This is my in-progress collection of CSS3 buttons. Any id... by scrrr on Tuesday September 21, 2010 @07:00AM (#1712118)
Thank you for sharing these.

Suggestions: Add hover- and mouse-down styles for all of them. For example "Launch" only has a hover-style, but does not change when you press it. (on Chrome/OSX at least)

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by ubuwaits on Tuesday September 21, 2010 @01:10PM (#1713307)
Almost all of the buttons have hover and active states now. More refinements will be made shortly.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by scrrr on Wednesday September 22, 2010 @04:50PM (#1717474)
Looks good. :)
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by ubuwaits on Tuesday September 21, 2010 @07:56AM (#1712245)
Thanks. Adding hover and active states for all the buttons will happen soon.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by filipcte on Tuesday September 21, 2010 @07:30AM (#1712181)
I'm a big fan of ZURB's CSS3 buttons: http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by DTrejo on Tuesday September 21, 2010 @09:07AM (#1712443)
More button styles you could add to the gallery:

http://www.sencha.com/blog/2010/08/23/resolution-independent... (resolution independent buttons!)

http://www.webdesignerwall.com/demo/css-buttons.html

http://lab.simurai.com/css/buttons/ (super juicy and glossy! mind the flaws)

http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-h... (complicated)

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by barmstrong on Tuesday September 21, 2010 @03:04PM (#1713690)
The redact one looks like it degrades gracefully in IE8 and 7. I noticed these are all using the <button> tag. Hopefully they look just as good with the <input type='submit'>

Have been looking for a good CSS button for a while that degrades gracefully in IE's, and can be used as a submit tag as well as link, etc. Does anyone have a favorite?

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by ubuwaits on Tuesday September 21, 2010 @03:27PM (#1713779)
These buttons should look just as good using the input tag. There might be very slight differences in certain browsers, but nothing drastic.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by jayair on Tuesday September 21, 2010 @10:25AM (#1712688)
I had written a detailed article about it before - http://blog.anomalyinnovations.com/2010/03/creating-a-realis...

It uses a gradient image but that could easily be replaced with the CSS3 gradient.

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by wilhelm on Tuesday September 21, 2010 @04:23PM (#1713987)
I made these buttons a while ago: http://e-tjenesten.org/eksperimenter/knapp/
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by dunstad on Tuesday September 21, 2010 @11:37AM (#1712975)
The 'clarify and 'X' buttons show their corners in Chrome, looks a bit messy.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by ubuwaits on Tuesday September 21, 2010 @11:40AM (#1712988)
This is the result of a known bug in Chrome/Win and Chrome/Linux:

http://code.google.com/p/chromium/issues/detail?id=29427

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by grandalf on Tuesday September 21, 2010 @01:08PM (#1713304)
very cool. Might I request some that look like the buttons in Tender? I like the smooth minimalism:

http://tenderapp.com/tour/collect/

[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by ashitvora on Tuesday September 21, 2010 @11:11AM (#1712872)
You might wanna add Hover, Click affect to this button.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by samg_ on Tuesday September 21, 2010 @12:32PM (#1713185)
Navigation buttons: Back, Forward, Up, Top, etc.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by theycallmemorty on Tuesday September 21, 2010 @09:02AM (#1712424)
They don't look too bad in IE8.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by justinwhite15 on Tuesday September 21, 2010 @11:35AM (#1712967)
They also don't look too bad in the IE9 beta.
[ Parent | on HN ]
Re:This is my in-progress collection of CSS3 buttons. Any id... by fady on Tuesday September 21, 2010 @01:43PM (#1713417)
nice job!
[ Parent | on HN ]