5 ms·
fuckborderradius.com
- rpgbr 11mo agofuckexcessiveborderradius.com (I'm looking at you, macOS 26)
- ohadron 11mo agoBut why
- nrhrjrjrjtntbt 11mo agoMicrosoft Metro Design fan?
- marginalia_nu 11mo agoMy gripe with border-radius is that it makes everything look the same. I'd really like more corner types. Back in the tables and sliced images days, we'd have all manner of neat angular borders, and tons of variety. Now it's all squircles everywhere.
- wincy 11mo agoYou can use negative border radius to get some interesting shapes
- pointlessone 11mo agoYou might be delighted to learn that upcoming `corner-shape` is fixing that. Also you still can use your sliced images with `border-image`.
- lifthrasiir 11mo agoApparently made by Twitter handle @getifyX: https://x.com/getifyX/status/1935001870658851288 https://x.com/getifyX/status/1935001870658851288
- nrhrjrjrjtntbt 11mo agoNon walled: https://xcancel.com/getifyX/status/1935001870658851288 https://xcancel.com/getifyX/status/1935001870658851288
- kragen 11mo agoMuch appreciated!
- OisinMoran 11mo agoMy contribution to the genre: negative border radius. Let's make the (digital) world sharper https://x.com/TheOisinMoran/status/1846417247075459235 https://x.com/TheOisinMoran/status/1846417247075459235
- deleted 11mo ago[deleted]
- yakshaving_jgt 11mo agoIf we’re going to fuck something, it should be something more consequential like JIRA. https://ifuckinghatejira.com/ https://ifuckinghatejira.com/
- kragen 11mo agoHow about somebody you love? Or at least find wildly attractive and can trust?
- yakshaving_jgt 11mo agoI wouldn't have the heart to subject them to Jira.
- viraptor 11mo agoI know it's overused and for example in MacOS introduces way too much white space, but people like rounded shapes. They make people more comfortable and make them think the content is simpler than when they get hard angles. It's been tested in so many research papers and the basically all agree - people like bouba more than kiki, whatever the context is.
- kragen 11mo agoFor me the great benefit of rounded shapes is that they make it visually apparent what's foreground and what's background. If you just divide an area up into rectangular subareas, it's hard to know which of these rectangles are supposed to represent figure and which are just empty background. The T-joint between a vertical line and a horizontal line gives no clue as to whether the vertical line is supposed to connect to the left half of the horizontal line, the right half, both, or neither. A little curvature makes it clear which direction the edge of a depicted object is continuing.
- chriswarbo 11mo agoI prefer bevels for that. In particular, I grew up with the Amiga's "3-D look" where embossed = interactive and recessed = informative https://archive.org/details/amiga-user-interface-style-guide/page/20/mode/2up https://archive.org/details/amiga-user-interface-style-guide... On a similar note, fuck the "flat" designs which make buttons indistinguishable. I've even seen UIs which do use bevels on buttons; but only when hovered-over! I don't want to scan my pointer across the screen hoping to find something interactive, like I'm struggling on Monkey Island!
- kragen 11mo agoBevels are indeed very helpful for that. Mystery-meat navigation has been a UI design problem for a long time.
- _kush 11mo agoBorder radius has been one of the best things to happen to CSS. If you've done web development during the Internet Explorer 6 era, you'd know what I mean.
- arscan 11mo agoWas that the 3x3 table method, or was that for earlier browsers?
- viraptor 11mo ago<table><tr><td><img src="top-left-corner.gif" ....
- slater 11mo agoYou're missing valign="top" in your TD
- chriswarbo 11mo agoBorder-radius makes it easier to implement rounded-rectangles, etc. compared to the tables-of-offset-image-sprites they needed back in the day. That says nothing about whether rounded-rectangles are "good" or "bad" though.
- onion2k 11mo agoOpen devtools and add `html * { border-radius: 6px; }` to make this site look lovely.
- deleted 11mo ago[deleted]
- jstummbillig 11mo agoEverything in the real world is rounded to some degree. If anything, it's more weird that boxes on a screen should be the exception.
- kyriakos 11mo agoWith this reasoning even boxes on screen as rounded at some degree
- Gualdrapo 11mo agoI mean, the very bible of all things usability has redesigned its website and they put rounded corners almost everywhere. https://www.nngroup.com/ https://www.nngroup.com/
- kragen 11mo agoYou're right, they didn't use to have rounded corners: https://web.archive.org/web/20131201025758/http://www.nngroup.com/ https://web.archive.org/web/20131201025758/http://www.nngrou... That was when border-radius already existed. Of course their older designs didn't have rounded corners because that would have required using images, which would have made the page load slowly: https://web.archive.org/web/19990222172600/http://www.nngroup.com/reports/ https://web.archive.org/web/19990222172600/http://www.nngrou...
- solatic 11mo agoNinety-degree angles do not exist in nature. So you're going to get two schools of thought: UI should look more natural (and therefore round off any hard edges), or UI should intentionally embrace hard edges, as a declaration of defiance against entropy, just like any other human endeavor for industry, progress, stability, and reliability. We used to build systems that we wished would stand the test of time. Now we build systems that only last as long as PMs care about them and their warranty period runs out. What do our design choices say about us?
- OisinMoran 11mo agoMay I introduce you to Bismuth?
- kcplate 11mo ago…which doesn’t look “natural” because of it’s crystals form close to 90 degree angles.
- chriswarbo 11mo agoThat's circular reasoning (which is ironic, given the subject at hand).
- kcplate 11mo agoThe point is that it’s rare to see it in nature, so our minds tend to think that they are not natural.
- kragen 11mo agoI wonder whether they want to fuck the Fernández–Guasti squircle, Lamé's special quartic, or both, and whether their desires extend to higher-dimensional sphubes. Possibly their squigonometry just can't handle such curves, and they can't control themself! Is there a Bresenham-style algorithm similar to the midpoint algorithm for roundrects that can produce other kinds of squircles?
- virajk_31 11mo agoWe like border radius, because we were forced to.
- helle253 11mo agowhy is this flagged lmao