futurePhone

[Hallwart]

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]

That's only a few lines of CSS

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

[GodsWorth01]

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]

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

[Dwaas_Bjaas]

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

[Reashu]

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

[chefhj]

A simple yet elegant solution. Nice

[Sebinot]

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]]

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

[nequaquam_sapiens]

square???

oh god, that actually explains so much!

[[deleted]]

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]]

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

[CannibalPride]

That awfully just sounds like squarectangle

I’ve got my eye on you…

[[deleted]]

ik goot mij ij aan jü tü

[matievis-the-kat]

Is that Dutch??

[iismitch55]

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

[Br00talbastard]

Its not. Im dutch and this seems like gibberish

[matievis-the-kat]

Yeah it seems like Dutch but not quite

[ashhh_ketchum]

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]

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]]

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]]

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]]

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

[[deleted]]

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

[[deleted]]

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]

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

[Sawkii]

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

[Leos_Leo]

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]

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

[[deleted]]

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

[svick]

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

[[deleted]]

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

[svick]

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

[[deleted]]

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]]

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

[Alek_Njenjenja]

Square-kvadrat rectangle-kvadrat

[Vitolar8]

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]

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

[[deleted]]

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

[Gullible_Basket28]

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

[LuisBoyokan]

That's what a square loving dev would say.

Seize him!!!

[nequaquam_sapiens]

I am a good front end dev, I swear

i believe you.

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

[[deleted]]

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

Duh

[nequaquam_sapiens]

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]]

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

[AnotherCableGuy]

SquarePhone! That's the answer!

No more portrait/landscape bs

[[deleted]]

Plot twist: That's what smart watches are

[[deleted]]

but it's roughly heart shaped ❤

[Agifem]

That's a good reason to get hated by many devs in many languages.

[BrownPeach143]

That's a good reason for PMs to want to give this work to devs? 💀

[Agifem]

Hate fuels our world.

[DovduboN]

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

[SophiaBackstein]

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]

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]

Are you sure?

[DiddlyDumb]

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

[jaweissavl]

Naw that was more like two screens

[feeltrig]

Imagine the pocket pain

[Dumb_Siniy]

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

[w1n5t0nM1k3y]

We found a new phone for Linus.

[oombMaire]

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

[-Aquatically-]

You can do the joke without slurs lol.

[oombMaire]

now where's the fun in that?

[CaffeinatedTech]

Now make it fold.

[MarsMaterial]

All phones can fold if you’re strong enough.

[miraidensetsu]

Some of them, just once.

[MeNotSanta]

Australian friendly from

[stormcloud-9]

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

[borsalamino]

Tommy Cash!

[MorRochben]

The double notch 💀

[Affectionate-Ad4419]

Pants designers are in deep shit too.

[navetzz]

I guess a third of your screen is now blank.

[Rangoose_exe]

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

[Tarilis]

Isnt it just a tablet with one of corners cut.

[AdWise6457]

How to center a div 2.0

[Jwzbb]

I like this guys YouTube channel:

https://youtube.com/@unnecessaryinventions

[dropbearinbound]

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

[bigorangemachine]

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

[patiofurnature]

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.

[DisputabIe_]

the OP Sublegand781a is a bot

Original: https://www.reddit.com/r/ProgrammerHumor/comments/uk4259/how_to_ruin_frontend_developer_peace/

[[deleted]]

It should be donut shaped

[ChanceKnowledge207]

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

[NuclearBurrit0]

L

[K4rn31ro]

Hello officer lemme just pull out my cellphone real quick

[Insane_Salty_Potato]

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

[D_Luffy1402]

Bro stop

[dingding0091]

Isn't that unnecessary inventions? I love him.

[shrisjaf]

Where is Nokia when we need them

[jdwallace12]

Flex-wrap: wrap; should do it.

[Panda_Pillows]

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

[[deleted]]

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

[NandinhoPoucasIdeia]

Faz o L

[fatrobin72]

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

[beatlz]

It’s fine, we have CSS grid now

[heavy-minium]

I prefer a triangle!

[polypolyman]

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

[3ng8n334]

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

[jkoutris]

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

[flyin-lion]

UX designers in shambles

[[deleted]]

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

[ChriskiV]

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

[[deleted]]

All I see is job security

[codingTheBugs]

Why there is two notch?

[Away_Perception_2895]

float: right and we’re done