Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Stolen Buttons

anatolyzenkov.com

Post reply on HN
Print view View original

21–30 of 168 posts

Re: Stolen Buttons

#22

Post by QuantumNomad_ »

binaryturtle wrote: post #13

I may have missed one by looking at this huge dump, but NONE of the "buttons" I saw there actually looked/felt like a button. Something I can feel that I press it down and it gives proper visual feedback, like a little 3D effect. I'm old-school. :)

I see a couple that look like buttons to me, like a yellow Donate button and a green Learn More button.

I agree that most of the other ones don’t look very button like to me either. But even so I would probably understand that most of them were buttons when I saw them in context on a page.

The flat style has been around for a while now, so I’ve gotten used to it even though when I started using computers it was on Windows 95 with the grey rectangular buttons with shaded sides that give them the “3d effect”.

And even flat style buttons often have changes when you hover and click, but it seems that they didn’t copy that part on this button collection page.

Re: Stolen Buttons

#23

Post by wuhhh »

matteason wrote: post #5
Aardwolf wrote: post #3

Earlier quoted context omitted.

What is one to do? Unicode has dozens of arrows for each direction, but each of them has its height compared to the text rendered differently depending on font or platform

They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows

Exactly, text content goes in a , icon is an , flex align items center on the wrapper gets you close, nudge the icon to perfection with transform: translate

Re: Stolen Buttons

#26

Post by jstanley »

amelius wrote: post #17

For inspiration, I prefer this one: https://uiverse.io/buttons

Is it just me or are these almost all terrible?

Almost all of them are animated, move when hovered, move when clicked, or sometimes all three. Just awful. LLMs keep making buttons like this and I keep telling them not to.

Re: Stolen Buttons

#28

Post by harpiaharpyja »

QuantumNomad_ wrote: post #22
binaryturtle wrote: post #13

I may have missed one by looking at this huge dump, but NONE of the "buttons" I saw there actually looked/felt like a button. Something I can feel that I press it down and it gives proper visual feedback, like a little 3D effect. I'm old-school. :)

I see a couple that look like buttons to me, like a yellow Donate button and a green Learn More button. I agree that most of the other ones don’t look very button like to me either. But even so I would probably understand that most of them were buttons when I saw them in context on a page. The flat style has been around for a while now, so I’ve gotten used to it even though when I started using computers it was on Wi…

They didn't copy any hold/hover states which is too bad, those are an integral part of a button IMO

Re: Stolen Buttons

#29

Post by nielssp »

binaryturtle wrote: post #13

I may have missed one by looking at this huge dump, but NONE of the "buttons" I saw there actually looked/felt like a button. Something I can feel that I press it down and it gives proper visual feedback, like a little 3D effect. I'm old-school. :)

You might like this: https://nielssp.dk/guis/buttons

Re: Stolen Buttons

#30

Post by madibo3156 »

binaryturtle wrote: post #13

I may have missed one by looking at this huge dump, but NONE of the "buttons" I saw there actually looked/felt like a button. Something I can feel that I press it down and it gives proper visual feedback, like a little 3D effect. I'm old-school. :)

It sounds like you're talking about the "gloss" era with "juicy" buttons, which some people are retroactively referring to as Frutiger Aero. Yes, things definitely look more 3D in that design. It's currently considered out of mainstream fashion, which explains the lack. Will it resurge?
Post reply on HN