Watch it on GitHub

10 Responses

1. Pro Alex Pankratov

   Revised version of the same button. Probably needs a bit larger and lighter backdrop.

   In context.

   4 months ago

2. Pro Jon Rundle

   Looks cool, it seems a little too small vertically especially with how much space is around the button in the darker grey, the blue could be a bit taller. Also the white inner shadow looks a little odd to me like something is blurry or something, the whole outside edge of the blue feels a little blurry for some reason. Just some thoughts.

   1likes

   4 months ago

3. Pro Alex Pankratov

   Jon, thanks for the thoughts.

   The white edge looks a bit blurry, because it is a bit blurry. I am not a big fan of exact 1px highlights, they frequently look too sharp and unnatural. A bit of a fuzz like that created by 1/4 px displacement goes a long way.

   With regards to the button height, have a look at it in a context, especially on more populated pages. A larger button will not fit as well.

   4 months ago

4. Pro Sven Read

   @Jon is right. +1 for his thoughts on this. :)

   1likes

   4 months ago

5. Pro Alex Pankratov

   Better ?

   4 months ago

6. Pro Jason Long

   I really like that newest treatment. I have it queued up to be on House of Buttons tomorrow - hopefully that's ok.

   1likes

   4 months ago

7. Pro Alex Pankratov

   @Jason - thanks, Jason. It'll be in a great company :)

   4 months ago

8. 

   A thing for loading in... So, erm... I have this thing for loading indicators :) Here are few options for a "Cancel loading" button. The finalist is the bottom right one. On a relat... February 01, 2012

   Rebound

   A thing for loading indicators

   by Alex Pankratov

   So, erm... I have this thing for loading indicators :) Here are few options for a "Cancel loading" button.

   The finalist is the bottom right one.

   On a related note - the fat darkish halo around the buttons is the new drop shadow for me. It is a simple and very clear way to highlight actionable items on a page.

   • 102
   • 8
   • 1,293

   4 months ago

9. Pro Mani

   nice.

   1likes

   4 months ago

10. 

    Image vs LESS Can you tell which is which? Playing w/ Less I decided to try and clone Alex's github button using only html & css and by defining just two variables, a... March 08, 2012

    Rebound

    Image vs LESS

    by James Wilson

    Can you tell which is which?

    Playing w/ Less I decided to try and clone Alex's github button using only html & css and by defining just two variables, a base-color and container color (for the drop shadow). It's not quite perfect but pretty good for working by eye and X-Scope. I wrote a bit more about it over on Forrst.

    Answer: bottom is purely html & css

    • 2
    • 1
    • 118

    3 months ago