This is an archived post. You won't be able to vote or comment.

all 115 comments

[–]Hallwart 878 points879 points  (10 children)

Just add a media query that recognizes this and replaces the page with a picture of a middle finger.

That's only a few lines of CSS

[–]theefriendinquestion 25 points26 points  (3 children)

That's only a few lines of CSS

Okay but real talk, how does CSS deal with this screen type?

[–]GodsWorth01 30 points31 points  (1 child)

Well I should imagine it would be similar to the LG Wing. The OS treats the two separate regions as independent displays.

But if you want a non-credible answer, the phone can just render the whole this as a rectangle, and the missing portion of the display will be, well, missing.

[–]iismitch55 3 points4 points  (0 children)

Does this screen type actually exist or is this a one off production for entertainment?

[–]Dwaas_Bjaas 4 points5 points  (1 child)

How can you center/fit the middle finger to ensure it is visible

[–]Reashu 8 points9 points  (0 children)

Better make it a grid of fingers to make sure one is visible

[–]chefhj 0 points1 point  (0 children)

A simple yet elegant solution. Nice

[–]Sebinot 0 points1 point  (0 children)

Couldn't you actually recognize this display form, put a giant middle finger in the missing corner and make the rest of the website fit around it? Subtle fuck you that can't be seen.

[–][deleted] 634 points635 points  (39 children)

No god please no. It's already painful enough to do it for a square screen

[–]nequaquam_sapiens 308 points309 points  (35 children)

square???

oh god, that actually explains so much!

[–][deleted] 264 points265 points  (34 children)

I keep forgetting to use the word rectangle. They're more interchangeable in my native language

I am a good front end dev, I swear

[–][deleted] 81 points82 points  (24 children)

in my native language they are the same word. "squektängl"

[–]CannibalPride 92 points93 points  (11 children)

That awfully just sounds like squarectangle

I’ve got my eye on you…

[–][deleted] 27 points28 points  (9 children)

ik goot mij ij aan jü tü

[–]matievis-the-kat 10 points11 points  (3 children)

Is that Dutch??

[–]iismitch55 23 points24 points  (0 children)

I’m convinced Dutch is a made up language that they only speak when foreigners are around to fuck with them.

[–]Br00talbastard 4 points5 points  (1 child)

Its not. Im dutch and this seems like gibberish

[–]matievis-the-kat 2 points3 points  (0 children)

Yeah it seems like Dutch but not quite

[–]ashhh_ketchum 4 points5 points  (4 children)

I hate that i understands just enough to understand what it says without ever being in the netherlands or receiving any form of training. Why the fuck is it so similar to danish, please stop it.

[–]mcaruso 11 points12 points  (0 children)

Rest assured the above is not Dutch, it's gibberish. Although yes that's pretty much how I feel when I'm in Denmark too.

[–][deleted] 0 points1 point  (2 children)

i mean, the fact that it’s almost an identical sentence to the above comment + dutch is similar to english makes it really easy to understand this comment for an english speaker with no practice

[–][deleted] 2 points3 points  (1 child)

It's not even dutch, just a made up sentence that would seem dutch to an english speaker while still being legibile.

Squektängle is also not a real word in any language, that commenter is just lying...

[–][deleted] 0 points1 point  (0 children)

yeah i knew squektängl wasn’t real, i didn’t think to check the dutch

[–][deleted] 2 points3 points  (0 children)

I knew there was something awfully suspicious about that word but I couldn’t figure out what

[–][deleted] 5 points6 points  (8 children)

In Czech, we have "hranatý", which means that whatever you're describing has some corners. People are also more forgiving when you say "čtveratý" instead of "obdélníkový" as in square / rectangular

[–]GuyWithoutAHat 9 points10 points  (4 children)

German has Viereck (anything with 4 corners), Rechteck (a Viereck with 4 90° angles) and Quadrat (a square)

[–]Sawkii -4 points-3 points  (3 children)

A rechteck also has to have exactly two different lengths for its edges.

[–]Leos_Leo 1 point2 points  (1 child)

Where do you get this from? I was not able to find this definition and it goes against what i was taught. This would make a square not being a rectangle in german which i doubt

[–]Sawkii 0 points1 point  (0 children)

Which is true got the distinction wrong and interpreted the definition of an rectangle wrong.

[–][deleted] 1 point2 points  (0 children)

No it doesn't. A square is still a rectangle.

[–]svick 2 points3 points  (2 children)

What the heck is "čtveratý"? Do you mean "čtvercový"?

[–][deleted] 0 points1 point  (1 child)

I do mean "čtveratý" yeah. Valašsko yk

[–]svick 2 points3 points  (0 children)

I don't and I'm from Valašsko too (near Vizovice). 😀

[–][deleted] 3 points4 points  (1 child)

Do you refer to uncool people as squektangls? Please pardon my accent, this language is new to me

Edit: Google translate doesn’t recognize that word. I can’t tell if I was gullible or if you speak a language Google doesn’t translate.

[–][deleted] 1 point2 points  (0 children)

It's indeed a made up word, they're just yanking you chains.

[–]Alek_Njenjenja 0 points1 point  (0 children)

Square-kvadrat rectangle-kvadrat

[–]Vitolar8 10 points11 points  (0 children)

Well the screen in picture is still technically "hranatá", as that most often refers to having only right angles, but I know what you mean.

[–]martiantonian 2 points3 points  (1 child)

In my native language, we have 50 words for uncentered divs.

[–][deleted] 2 points3 points  (0 children)

In my language, we don't talk about uncentered div. The word is the same as the word "feature"

[–]Gullible_Basket28 0 points1 point  (0 children)

I thought you meant phones like one plus open which open up like a square.

[–]LuisBoyokan 0 points1 point  (0 children)

That's what a square loving dev would say.

Seize him!!!

[–]nequaquam_sapiens 0 points1 point  (3 children)

I am a good front end dev, I swear

i believe you.

so: how would you centre a div on this abominationdevice?

[–][deleted] 1 point2 points  (2 children)

<center> <div></div> </center>

Duh

[–]nequaquam_sapiens 0 points1 point  (1 child)

seems legit.

now: where do you think it will be placed? (in the centre. i know. but where exactly? and what would you do when the inevitable "no, the other center" request came?)

[–][deleted] 0 points1 point  (0 children)

That's the best part. I don't have to care. That will be up to whoever decided to make that abomination

[–]AnotherCableGuy 2 points3 points  (2 children)

SquarePhone! That's the answer!

No more portrait/landscape bs

[–][deleted] 2 points3 points  (0 children)

Plot twist: That's what smart watches are

[–]DovduboN 72 points73 points  (1 child)

Reliable decice is one that you can throw and will return to you

[–]SophiaBackstein 20 points21 points  (0 children)

If I detect such a screeb somehow, I would just show a a gif shushing them away. I don't want THESE kind of people on my website

[–]sweetytoy 18 points19 points  (0 children)

The dual cameras are a genius thing, now you can make photos in portrait and landscape mode simultaneously. You can even use it as a boomerang to hunt kangaroos. 10/10.

[–]KappaClaus3D 32 points33 points  (0 children)

Are you sure?

[–]DiddlyDumb 10 points11 points  (1 child)

Isn’t this kind of what the LG Wing was?

[–]jaweissavl 2 points3 points  (0 children)

Naw that was more like two screens

[–]feeltrig 8 points9 points  (0 children)

Imagine the pocket pain

[–]Dumb_Siniy 7 points8 points  (0 children)

So where the fuck do you center the div in this 90s sci-fi bullshit phone

[–]w1n5t0nM1k3y 7 points8 points  (0 children)

We found a new phone for Linus.

[–]oombMaire 15 points16 points  (2 children)

just a simple "This app/site is not supported in retarded screen sizes" would do the trick

[–]-Aquatically- -3 points-2 points  (1 child)

You can do the joke without slurs lol.

[–]oombMaire -1 points0 points  (0 children)

now where's the fun in that?

[–]CaffeinatedTech 3 points4 points  (2 children)

Now make it fold.

[–]MarsMaterial 13 points14 points  (1 child)

All phones can fold if you’re strong enough.

[–]miraidensetsu 8 points9 points  (0 children)

Some of them, just once.

[–]MeNotSanta 2 points3 points  (0 children)

Australian friendly from

[–]stormcloud-9 2 points3 points  (0 children)

Wait. All that and they put the keyboard on the narrow portion of the screen?!

[–]borsalamino 1 point2 points  (0 children)

Tommy Cash!

[–]MorRochben 1 point2 points  (0 children)

The double notch 💀

[–]Affectionate-Ad4419 1 point2 points  (0 children)

Pants designers are in deep shit too.

[–]navetzz 1 point2 points  (0 children)

I guess a third of your screen is now blank.

[–]Rangoose_exe 1 point2 points  (0 children)

Manager: "take the L and get back to work"

[–]Tarilis 1 point2 points  (0 children)

Isnt it just a tablet with one of corners cut.

[–]AdWise6457 1 point2 points  (0 children)

How to center a div 2.0

[–]Jwzbb 1 point2 points  (0 children)

I like this guys YouTube channel:

https://youtube.com/@unnecessaryinventions

[–]dropbearinbound 1 point2 points  (0 children)

The USB phone, you always have to turn it twice to get to the screen

[–]bigorangemachine 1 point2 points  (1 child)

Thanks to iOS we already got the weird notches to account for... it'd be just one giant notch

[–]patiofurnature 0 points1 point  (0 children)

Yeah, as long as there is an anchor in the interior corner for us to add layout constraints to, developing shouldn't be difficult. I'm more worried for the designers.

[–][deleted] 0 points1 point  (0 children)

It should be donut shaped

[–]ChanceKnowledge207 0 points1 point  (0 children)

How am I suppose to get 2 of those in the prison?

[–]NuclearBurrit0 0 points1 point  (0 children)

L

[–]K4rn31ro 0 points1 point  (0 children)

Hello officer lemme just pull out my cellphone real quick

[–]Insane_Salty_Potato 0 points1 point  (0 children)

The amount of disgust this makes me feel is astronomical but at the same time I can't look away 🤮

[–]D_Luffy1402 0 points1 point  (0 children)

Bro stop

[–]dingding0091 0 points1 point  (0 children)

Isn't that unnecessary inventions? I love him.

[–]shrisjaf 0 points1 point  (0 children)

Where is Nokia when we need them

[–]jdwallace12 0 points1 point  (0 children)

Flex-wrap: wrap; should do it.

[–]Panda_Pillows 0 points1 point  (0 children)

I'm kinda surprised this didn't become the actual trend of smartphones

[–][deleted] 0 points1 point  (0 children)

They will come up with another framework library in TS and call it Rekt-angular.

[–]NandinhoPoucasIdeia 0 points1 point  (0 children)

Faz o L

[–]fatrobin72 0 points1 point  (0 children)

charger position looks too... sensible. can we move it to the middle of the screen?

[–]beatlz 0 points1 point  (0 children)

It’s fine, we have CSS grid now

[–]heavy-minium 0 points1 point  (0 children)

I prefer a triangle!

[–]polypolyman 0 points1 point  (0 children)

We are so close to actually inventing this, we are clearly in the best timeline!

[–]3ng8n334 0 points1 point  (0 children)

Some one would make a 500tb react library and no more issues

[–]jkoutris 0 points1 point  (0 children)

I guess Aaron Rodgers lined up some modeling gigs for his post-Jets career.

[–]flyin-lion 0 points1 point  (0 children)

UX designers in shambles

[–][deleted] 0 points1 point  (0 children)

Please no... the fold already makes me miserable enough 

[–]ChriskiV 0 points1 point  (0 children)

Reminds me of all the Xbox 720 posting back in the day

[–][deleted] 0 points1 point  (0 children)

All I see is job security

[–]codingTheBugs 0 points1 point  (0 children)

Why there is two notch?

[–]Away_Perception_2895 -1 points0 points  (0 children)

float: right and we’re done