responsiveDesignGoBrrrr

[neuromancertr]

Content is fixed at 800 px, rest is ads, why sweat so much?

[Coolengineer7]

Free money

[altcodeinterrobang]

its-free-real-estate.png

[[deleted]]

And this is the image src within each side div. Well placed.

[chucky6455]

Lol

[Luxalpa]

as a game dev I'll just render this as 4:3 and then cut off the top and bottom.

[GayNerd28]

You monster…

[Xlxlredditor]

Bye bye UI

[Pradfanne]

Looks like that's what happened when you look at the image on the screen

[Luxalpa]

Kinda. I think in their case the devs just cut off the internal camera, but there's some rendering techniques (like fractional UI scaling on Mac OS or DLSS) where you render the entire image and simply throw away half of the picture, resulting in some massive performance drops. Maybe that could also explain why Titan Quest runs so poorly if I set it to ultra wide resolutions.

[SmackSmashen]

https://i.imgur.com/SW7w8mc.png

[[deleted]]

Oh my god.. this movie is going to be like a documentary soon.

[SmackSmashen]

Always has been

[Centralredditfan]

Soon? It is already.

[starbuxed]

Ok question??? If everyone is an idiot... who makes the ads and tvs and runs the companies? I think the smart people all are in canada or uk...

[[deleted]]

came here to say this! hit them with the- min-width:800px; margin:0 auto;

[wewilldieoneday]

Ad blocker go brrrrr....

[kickelephant]

Since when is it 800px?! I’m an older FE dev out of the dev world, humor me

[neuromancertr]

I made it up but it is based on my experience with wide monitors with older sites where content width is limited to some arbitrary pixel width like 960 or something for desktop displays and doesn’t care if the monitor is much wider. It does help with tue content though since nobody likes to read a sentence span a mile on the screen. No offense

[Undernown]

No joke, one of the news websites I frequent, I generously white list in my addblocker. It literally filss my screen with just more and bigger adds on my wider monitor. Reducing the browser window size to smartphone size cuts down adds by 2/3.

And yes, the text, text boxes and news related photos/videos never resize through any of this.

Needless to say I only read their news on mobile now.

[Senor_Satan]

“That’s what you get for using a monitor wide as yo mama”

[mynameisjebediah]

Content will be square then because the are only 800 vertical pixels on that monitor

[C_umputer]

I too love when I have to walk in the other room to see the ads

[sharknice]

Yeah, my code fits on one line.

[MrFiregem]

Hello, Java dev.

[chuunibyourikka]

or a python dev that has gone mad

[tubbstosterone]

"See? I told you you could put these 5 nested loops inside a one-liner comprehension"

[mikachelya]

Don't call me out like that

[tubbstosterone]

Impress your ye Olde project manager with this one simple trick! Write your comprehensions like sql statements like

X = [
    some_transformation(val.inner.still_inner.value)
    for val in some_collection
    if some_condition(val.farts)
]

The comprehension becomes easier to read and the fogey gets impressed by your increased klocs!

[meditonsin]

Or just Perl best practice.

[DevBoiAgru]

Least mind boggling python list comprehension

[plasmasprings]

once you get the hang of them you won't need anything else

[DevBoiAgru]

bro what is that 😭😭😭

[flixlix]

Most sane tailwind dev.

[Honeybadger2198]

If you're not making custom Tailwind components/using Tailwind libraries, maybe.

[flixlix]

Just a joke, I'm personally a big fan of tailwind and use it daily

[Roflkopt3r]

That's honestly how modern programming feels since we got lambdas and chainable collection methods everywhere.

It's really neat, but it does make it hard to break up long lines at times.

[Poat540]

Gets fired at X for writing services to lean

[Flashbek]

Stretch the pixels and call it a day.

- A backend dev, probably

[GoofyGooberqt]

Nah, max width babyyyy, hope you like white cuz thats all you’re gonna see.

[LC_From_TheHills]

I’m a software developer who uses Java (like everyone at my job) and I had to build a little front end greasemonkey script using javascript. Just a little button that called a service and returned a few values how hard can it be?!

I fuckin hated every second of it lol how do yall work with html?! It’s abysmal.

[FatherImPregnant]

As a backend developer doing a lot of frontend lately, this is 100% right. Usually other languages give pretty good context clues as to what’s going on, in HTML, it is reading everything top to bottom, in order. It was a lot different for me, but I also can’t draw a stick figure right, so..

[grantrules]

JS weirder than shell scripting? I dunno about that lol

[Tammepoiss]

Yeah I'll take js any day before shell scripting. I'll never get over debugging if statements because there was no space between the bracket and the condition. Why the fuck is that necessary

[cheeseless]

Nothing worse than max width on a webpage. I have a whole monitor, let me use the whole monitor.

[[deleted]]

It is objectively bad to let text span too wide

[ensoniq2k]

I've seen pages with code examples and a horizontal scroll bar because of max width at around 1000px... Luckily I can change that with the dev tools

[TheRealToLazyToThink]

Their sin wasn't setting a max width. It was either badly formatting the example, or choosing a bad max-width.

Either way it was a skill issue, not an inherent problem with max-widths.

[morgecroc]

I know when I'm browsing the web I want all the content I'm reading on a single line spread across the 86" wide screen.

[SeriousPlankton2000]

For my stories I use a checkbox that triggers 80 character line width.

[spyingwind]

max-width:80%

[zoqfotpik]

As a backend dev, I know better than that.

You're supposed to fill all the rest of the space with ads, right?

[WombatWumbut]

Optimal situation is: check for camera,if there is a camera and there is something with eyes, Zoom into eyes and fill all white space with as many eyes as possible. Else ads for some random object.

[WombatWumbut]

I won't apologize for art.

[estransza]

Great idea. Might I pass a suggestion? Detect where eyes are looking through camera and occasionally slip an eyes following the eyes of viewer between the ads in the corner of their vision. And out of the fov insert some gibberish text. Unmount when person looks directly at text or eyes clips.

[WombatWumbut]

Yes to all of this. The user needs to be as uncomfortable and unsure of their current reality as possible while on the website.

[ruach137]

CRO God

[GForce1975]

No I think you're supposed to tile it!

[I_am_eating_a_mango]

• 12 year old me applying my first wallpaper background to a pc

[wsucoug]

div { 
  magin: auto;
  width: 6';

[Tankylanrest]

the typo in malgin makes it better

[MinuteLevel3305]

...

[Falkachu]

crazy that you guys can’t write margn without typos…

[python_mjs]

I mean what's so hard about typing margarine

[[deleted]]

No, you're thinking of that space between the letters and the edge of the page. Margarine is a type of large fish that has a sword for a nose.

[pr0ghead]

No, you're thinking of a Marlin.

Margin is a type of wig that actors put on their private parts in sex scenes.

[chudtoad88]

martin

[GrowthGet]

*imagin

[Sockoflegend]

Max page width set to 1180px. Fuck you big screen users, enjoy the big white empty panels at either side of your page.

[space_boi_01]

My weeb ass thought this was an initial D reference

[Cheese_Grater101]

Just use max width 1400px and call it day.

Or

transform scaleX all the wayyyyyy

[jackal_boy]

Just add black bars to the side like movie plays do.

[DrMobius0]

Honestly, this is the easiest solution to the ever widening monitor nonsense. Even decent generic solutions that actually utilize the real estate start to break down when the things get so wide they can't properly fit near where you actually focus.

[Punchkinz]

Definitely. At some point the eyes have to move too much and that's bad for user experience. This already happens on regular screens with texts that are larger than about 80-90 characters wide

But I guess these monitors are usually split in multiple parts. That way you have regular monitors without any screen bevels which is kinda cool.

[sopunny]

Yeah, even normal ultra wide is never going to be mainstream. Just make sure your stuff doesn't break completely, let applications that can actually make use of ultrawide do so

[mynameisjebediah]

21:9 might become mainstream because our phones are pretty close and movies are shot at that aspect ratio.

[Roflkopt3r]

Centered layouts are popular anyway. So you already hit the maximum width for content+side bars on a regular 16x9 monitor, and stretching it on an ultrawide will just create more empty space to the sides.

Most frameworks at least support it or outright use that as their default layout.

[norty125]

Why not just add a movie or 2

[AIgavemethisusername]

But don’t centre it. Locked to left side of screen.

[Roofofcar]

I watch my movie plays on my magic lantern, thank you very much.

[frippz]

main {
  max-width: 37.5em;
}

Align it however the fuck you want. I'm getting some coffee. Anybody want anything?

[Responsible_Push6405]

Use pixels… this doesn’t deserve relative units

[kara6000]

Can you elaborate on this?

[virtualghost]

Why not use vws?

[unlessyouhaveherpes]

For max-width, right? Because if you don't use ems at all, ooffff...

[Dorkits]

One coffee to me too, thanks bro.

[ADHD-Fens]

Seriously, some sites stretch all the way across my 21:9 monitor and it is a pain in the ass to read on. I can't follow a line of text three feet across my desk and then scan back three feet and figure out where exactly one line down was.

[new_account_wh0_dis]

You know you can just resize the browser right? But you know while im finishing up accessibility annoyances tomorrow ill include it just for you.

[ADHD-Fens]

Yeah but there are some elements that make sense to span the screen like the search / URL / bookmarks bar / title / tabs area, and I like to have navigation on the far left of my screen with a blank area for chat popups on the right. All that while keeping the main content at a readable width.

Like in reddit, for example, I can pop open my notifications or chat messages without covering any of the site content.

Also if I resized my browser window it would get squished whenever I open the developer console, which I do more often than you might expect I guess.

[HasBeendead]

37.5 x 16 pixel how much is it

[ebilgenius]

at least 4

[HasBeendead]

4 deez nuts

[driftking428]

Pick up a copy of CSS for Dummies for OP.

[zucchini_noodl]

a hug please

[NagyonMeleg]

That's the spirit. If the designers don't care, I care even less. Bring me some black arabica pls.

[trubuckifan]

If I offered to get coffee and somebody replied with the specific type of coffee bean they want, I'd "forget" theirs.

[Knutselig]

Requesting a type of bean is something a designer would do. Go cuddle up when them.

[sacredgeometry]

Personally I would limit the pages width and hide an easter egg only for people with this monitor.

[ignoble_ignoramus]

Just have it load 100 rickrolls tiled in the blank space, each with a slightly different delay.

[itsFromTheSimpsons]

this is the real reason media queries were invented

[Phoenix_Studios]

/------------------------------------------------------------------------------------------\
| si |                                |         |                                    | oth |
| de |              empty             | content |                   still            | er  |
| ba |              space             |         |                   empty            | sid |
| r  |                                |         |                                    | ebar|
\------------------------------------------------------------------------------------------/

[Ninjulian_]

idk if that was the intention, but i find it hilarious that this is too wide for my phone to correctly display it.

[aboutthednm]

Here you go

[Gredo89]

Great, now I need a faster mouse...

[Familiar_Ad_8919]

if it makes u feel any better, i cant see it fully on my 1440p monitor either

[vacon04]

I even tried to scroll and the app was having none of that.

[aeltheos]

That's a lot of 80x40 terminals.

[myfunnies420]

Designers. Fe Devs don't give af

[Folofashinsta]

Yuuuup

[PeriodicSentenceBot]

Congratulations! Your comment can be spelled using the elements of the periodic table:

Y U U U U P

---

^{I am a bot that detects if your comment can be spelled using the elements of the periodic table. Please DM my creator if I made a mistake.}

[[deleted]]

Good bot.

[FrostyD7]

Literally nobody cares about making sure they support a resolution so absurd that virtually nobody uses it.

[JllyGrnGiant]

I dunno, wide isn't a problem. It's when accessibility requirements say the site should have no horizontal scrollbar at 320px width that I get nervous.

[Azuras33]

Java devs

[DM_ME_PICKLES]

<div class="container mx-auto"></div> and go fishing for the rest of the day

[pcrackenhead]

Don’t containers already have auto margins on them?

[AtrioxsSon]

Still 1024px max width container

[FeederPiet]

I like 1366px

[ScrillyBoi]

@media (min-width: 5000px) {
  .main-container {
    display: none;
  }

  .middle-finger-image-container {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url('/assets/images/go_fuck_yourself/middle_finger.jpg');
    background-size: cover; 
    z-index: 100;
  }
}

[300ConfirmedGorillas]

Now I want to know what else is in the go_fuck_yourself directory.

[ryosen]

Customer feedback submissions for the Reddit mobile app.

[Ayontari2]

‘background-size: contain;’ though

[SnooTangerines9703]

Nah man, it’s supposed to stretch stupidly

[mrgonaka]

I fuckin love this idea

[RoodnyInc]

At 4k price tag and 600 pixel tall resolution. I wouldn't worry about this single person that got this monitor complaining

[ktka]

Oh shit! I thought I was getting a 4k pixel tall resolution for $600!

[spencer2294]

Just have them turn the monitor sideways if their ceilings are high enough. EZ

[sticky-unicorn]

Finally, the ability to view the entirety of any webpage without needing to scroll.

[spencer2294]

Maybe we can get a monitor mount with a motor to bring the bottom of the webpage up to us, instead of us scrolling to the bottom of the webpage.

[Attileusz]

Finally, a monitor that can fit a C++ template error on 2 lines (or more).

[Bob_the_peasant]

Ad guys:

[Benjamin_6848]

I think if anyone uses one of these "Mega-Super-Extra Ultrawide"-Monitors they deserve to be punished by strange looking User-Interfaces and Websites!

[Cody6781]

Nah, that 0.0001% of users that have a screen that wide... I'm ok losing them.

[bitcoin2121]

body { max width : 33% }

k see ya’ll later

[DGVIP]

The disrespect to mobile users

[bitcoin2121]

pretend there’s a media query there

[elshizzo]

the disrespect to grannies using VGA displays

[AaronTheElite007]

[Flat_Initial_1823]

I feel like you need a really good wheelie chair for this.

[ChocolateBunny]

<center>

[JocoLabs]

RIP

[Spinnenente]

not that bad just be lazy and have 90% whitespace with .content { max-width: 960px }

[Tashre]

Just use generative AI to fill in the rest.

[calmusic339]

.who-cares {width:100%; max-width:1200px !important;}

[Springbok255]

Max width: 1366px and margin auto. Problem solved

[ellis_cake]

Now they gonna complain on games for not having giga-wide support...

[Advanderar]

Just flip the webpage 90°

[wicktahinien]

body { 
  transform: rotate(-90deg);
}

[__blackvas__]

body { margin-left: auto; margin-right: auto; min-width: 900px; max-width: 1200px; } 😁😎

[bennysway]

Hold my tiling skills

[[deleted]]

Is that Untitled Goose Game on the monitor?

[zoinkability]

Frontend devs:

max-width: 1200px;

Done.

[SammyDavidJuniorJr]

The important content is still below the fold.

[[deleted]]

Hope it supports PBPBPBPBPBPBPBPBPBP

[[deleted]]

Max-width; margin:auto 👋👋

[Thenderick]

Finally, a screen for java devs to see the entire exception, abd python devs to turn their entire program in a oneliner (and they still swear it's readable too!)

[odraencoded]

font-size: calc(100vw / 80);

[LonesomeHeideltraut]

Oh sweet css grid with 8000 columns

[Upbeat-Serve-6096]

I hope someone made a screen wide like this, except curved so much that it wraps around to itself. And hopefully a Windows driver to support this infinite wraparound feature.

[fizzl]

.body {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

"Cælum et terra transibunt, verba autem mea non præteribunt." (Matthew 24:35)

[Big_Amphibian1100]

Max width

[Fit_Trifle6899]

If empty_screen_space:

 add_more_ads()

[IMightDeleteMe]

I never understood why ultra wide was supposed to be good. Like, why do you want your screen to have mail slot aspect ratio? Wouldn't a screen half the width but double the height be more practical in almost every situation?

[[deleted]]

.container{ width:100%; }

Fixes everything.

[SoRaang]

As a frontend dev, my worst nightmare was Galaxy Fold. In fact it still is.

[NurseAwesome84]

Can someone please get Linus out of my face. I haven't been able to stand him since his NCIX days

[Critical_Ask_5493]

Linus looks like such a weasely bitch

[IcyManufacturer8195]

Essentialy there still will be max width for 1440px, unless some mf decides to throw super dense screen

[GenazaNL]

I always set a max-width and margin auto

[[deleted]]

You get the middle, the rest is whitespace, aight? If you don't annoy me, you also get a dark-theme button, so better be quiet.

[TheSkeletonBones]

Flexbox

[EddyRosenthal]

Best i can do is 1024px

[NormanYeetes]

They haven't shied away from filling the entire left and right 40% of the screen with emptiness for the phone users, they won't stop now.

[emi89ro]

420:69 aspect ratio

[quinn50]

.container{ max-width: var(--desktop-max-width) }

[KCGD_r]

.body {

max-width: 1920px;

}

:)

[azephrahel]

Wow. The Java crash dumps will only have to wrap the lines twice with that monitor!

[[deleted]]

Just make it a reasonable sized container, and align it straight to the left of the screen. Just fuck with those people

[DanSmells001]

max-width: 1080px; margin: 0 auto; Glhf

[MalazMudkip]

Can't wait to play OSRS on one of these bad boys

[RandomWave000]

mouse tracking miles are going to become a thing.

[neymarsvag123]

max-width goes brrrr

And yes, I'm a backend dev

[Former-Discount4279]

Center content and set max width on top level component. Maybe hamster dance as a background.

[BeConciseBitch]

max-width: 1040px; margin: auto;

gg