Join the discussion
Write your take first — we'll ask for email only when you're ready to publish.
- Hacker News
- If you blockchain your buttons they are much harder to steal.
Just putting this out there for those who are not in the know. This type of crisis is easily avoidable.
by karim79 - Wanna buy the NFT for [OK]?by hedora
- That's rude. Give them backby jonathrg
- This is good comedy. I'm disappointed (annoyed, even) it's not the top comment.by sodapopcan
- Surprising how not one of these made my heart beat faster.by JSR_FDED
- None of them push your buttons, huh?by michaelt
- Funny, it reminds me of War Of The Buttons, a famous French movie from 1962, where kids would cut out buttons from their enemies as a war trophy, and stash them.
https://en.wikipedia.org/wiki/War_of_the_Buttons_(1962_film)
The buttons (at 2:25) : https://youtu.be/O5StEEzpT04?t=145
by mlok - For inspiration, I prefer this one:by amelius
- 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.
by jstanley - Is there something similar, but for menus?by pmdr
- Oh this reminds me that we used to create buttons for navigation in flash!by Jaxan
- I don’t think it’s for animation, it’s to collect all the different buttons seen in the wildby anon7000
- by Gualdrapo
- Button components across major component galleries:by culi
- Interesting site. As a non-Web developer, I've vaguely wondered about the various frameworks and where the "look and feel" that I see on different sites' user controls come from. This be will fun to explore.by jsrcout
- There's a Chrome Extension he made based on this: https://anatolyzenkov.com/stolen-buttons/button-stealer
I used it for a bit until I realized... I probably didn't want a third party reading all my traffic. But I did like having it for a bit.
(It is linked from the page, but given how the whole page is CTAs... it's hard to notice!)
by gkoberger - Why I third party? Aren’t the stolen buttons stored locally?by moontear
- Too bad they're just static, as the website doesn't copy the hover state or the on-click animations.by input_sh
- :hover and :focus
there are others i think
- I can't be the only one that tried clicking them to see what they did. ("Where does this 'login' button go?")by hedora
- When did we stop making buttons that actually look like a button?
The bas-relief era of UI design now feels like a golden era, and the early "Aqua" versions of Mac OS X the ultimate evolution.
Everything since then feels like we're regressing.
The "add comment" button for this comment is literally a solid blue roundrect. It's not even obvious that it's clickable.
by LeoPanthera - What a button look like to you? Blue roundrect sure says button to me.by dymk
- It certainly would have been easier to imagine UI design trends going in reverse - toward explicit designs with a standardized interface (menus, etc).by BobbyTables2
- Was it that Apple dude? Ives or whatever? Made a lot of money with his "revolutionary poor design" and we're still paying for it. I could be wrong.by sodapopcan
- Even better, how about those capacitive buttons that look like computer buttons in the real world, only even less visually distinct, and have absolutely no force feedback, depressing motion, or any other feedback whatsoever that you've pressed an actual button?
In other news, though, I believe the HN button is just an HTML button, with a touch of font styling on it from HN. Linux on a Chrome-descended browser I'm just getting a grey box with a black outline, no 3D styling. It's not styled that way by HN. Everything else in the CSS properties for me is showing as "user agent stylesheet", e.g., the defaults.
by jerf - Then indeed I succeeded in opening it, but when I did so seemed only to be confronted by a greater and more closely locked barrier. For what could be the meaning of the queer clay bas-relief and the disjointed jottings, ramblings, and cuttings which I found? Had my uncle, in his latter years, become credulous of the most superficial impostures? I resolved to search out the eccentric sculptor responsible for this apparent disturbance of an old man’s peace of mind.
The bas-relief was a rough rectangle less than an inch thick and about five by six inches in area; obviously of modern origin. Its designs, however, were far from modern in atmosphere and suggestion; for although the vagaries of cubism and futurism are many and wild, they do not often reproduce that cryptic regularity which lurks in prehistoric writing. And writing of some kind the bulk of these designs seemed certainly to be; though my memory, despite much familiarity with the papers and collections of my uncle, failed in any way to identify this particular species, or even to hint at its remotest affiliations.
Above these apparent hieroglyphics was a figure of evidently pictorial intent, though its impressionistic execution forbade a very clear idea of its nature. It seemed to be a sort of monster, or symbol representing a monster, of a form which only a diseased fancy could conceive.
- The Call of Cthulhu, Ch 1. The Horror in Clay
by hedora - It's all because of "UX designers" who have to justify their continued existence by constantly finding new things to change (break). If computers several decades ago had more than enough power to render button-looking buttons, there's no other excuse for the sad state of UI today.by userbinator
- And producing them was very easy even in the pre-CSS days.
At the very worst (which is what I did), make up a simple image in Adobe with a 3D effect, save it as a black-and-white bitmap, change the white to the color of the button. The make a second version in the same manner, but this time the shading of the button reversed.
Nexty setup the HTML so the on-press for the link pulled up the alternate button image. The reversed shading (when done properly) then looked like it was depressed.
Is that so much harder than adding the JavaScript and other code around it to make the simple animation some sites have? (At least with the on-press option, it didn’t require having JavaScript active just to animate some buttons.)
by dan_linder - The "when" isn't a mystery or gradual in the slightest—we have concrete dates.
The death of the button occurred on October 21, 2010, when Microsoft released Windows Phone 7 to the international market, beginning the Metro UI era.
Apple wouldn't catch up until September 17, 2014, when they unveiled iOS 7, ditching Steve Jobs's beloved skeuomorphism in favor of Jony Ive's signature flat style.
Google followed up on November 12, 2014, with Android 5.0 Lollipop's introduction of Material Design—arguably the least flat of the three, though it wouldn't stay that way forever.
by rhet0rica - 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. :)
by binaryturtle