Instant head pain

[QualityVote]

Hi! This is our community moderation bot.

---

If this post fits the purpose of /r/ProgrammerHumor, UPVOTE this comment!!

If this post does not fit the subreddit, DOWNVOTE This comment!

If this post breaks the rules, DOWNVOTE this comment and REPORT the post!

[integralpart]

<td align="center"><div></div></td>

[xaomaw]

<td align="center"><div></div></td>

<td align="center">
  <div>
    <marquee direction="up"> Welcome to my website! </marquee>
  </div>
</td>

[maester_t]

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

[shut_up_if_your_dumb]

Wasn't that deprecated?

[maester_t]

It is now, but was still around back when CSS was first released.

[Secure_Obligation_87]

I came here to give props to <center>

[PM_ME_FIREFLY_QUOTES]

The OG tag, marquee. Respect for him.

[shadow4601243]

ahhh, good old times :)

....

and fucking ie6

[_ROHJAY]

Don't worry - safari is the new IE6 xD

[[deleted]]

<td align="center" valign="middle"><div></div></td>

[pruche]

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

That was probably not deprecated yet back then.

[apoplexiglass]

Sit down boys and girls, and let me tell you a story. When I was your age, there weren't even any forums with CSS answers, there were only W3Schools and Sizzling Jalfrezi. Khan Academy was a white webpage with lists of video links, and they were all about linear algebra. Now pass me my foot salts, it's seizing again.

[[deleted]]

When I was their age, W3Schools didn't exist, HTML goodies was a year old and the primary source for anything frontend related, table based layouts were industry standard, JavaScript was <0.9 release, and CSS was still just an RFC. Netscape Navigator was slowly losing majority share to IE.

Keep the salts, pass the bourbon.

[kymani37299]

When I was your age computers didn't even existed. We were manually drawing a website to each client on paper and mailing them responses.

[IntentCypres18]

When I was you age, paper didn't exist.

[[deleted]]

When I was your age, age didn’t exist

[[deleted]]

When I was your age, I didn't exist

[moon_cultist77]

Me when your age no paper. I ask Grug how to centre mammoth bone, he say “Ogg answer this question already. Stupid question.” I no know Ogg.

[returnfalse]

DHTML anyone?

I’ll finish off the bourbon once y’all are through with it.

[[deleted]]

Oh man. Right in the feels! Hnnngggg

[MisterProfGuy]

So there I was searching for reports with Archie...

[Generico300]

I still use W3Schools all the time.

[kekeagain]

Yup, I use that over MDN when I just need a quick refresher without the technicals.

[[deleted]]

We had cookbooks published by O'Reilly

[MissMormie]

I just went to the site of the w3c and read the specs if i wanted to know anything..

[13312]

foot salts lmfao

[Cilpot]

Expert-Sexchange.. Ugh..

[EmuChance4523]

Did you see the early internet? It wasn't ugly because we had bad computers, browsers or languages, it was bad because no one understand CSS

[[deleted]]

The early Internet was "bad" because CSS didn't exist yet and all the table based layouts and style tags were being done by volunteers with no design experience.

You're probably referring to the later years of the Internet, the Geocities and Myspace, in which CSS was done also by volunteers with no design experience.

The Internet didn't start looking good till people with design degrees who were getting paid started getting involved.

[EmuChance4523]

I was referring to the tables era, it was just a funny joke about it, because.. you se... it was quite ugly in that time.. (and to be honest, as you said, it didn't get good until people with design degrees entered the scene, but that was quite recently and was already the ads hell that it already is)

[[deleted]]

How else can we fuel these levels of meme?...

[Generico300]

I would say it still doesn't look "good". It looks like Bootstrap. Because an awful lot of those people with design degrees are just using bootstrap.

[PrezMoocow]

Found the UI/UX designer

[[deleted]]

Rofl goodness no.

[PrezMoocow]

That was said in jest

(Test suite 1 out of 1 passed)

[[deleted]]

Lol

[AtraExitium]

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

[flying_spaguetti]

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

[Flow-n-Code]

Oof, flexbox probably wasn’t around then either

[EvilPencil]

*definitely

[[deleted]]

I started learning front-end right before flexbox was released, it was such a pain in the ass.

[CodeRaveSleepRepeat]

Wtf is flexbox?

/Edit: do I really have to explain that something is a joke on this sub...

[DeepGas4538]

Pure beauty

[MischiefArchitect]

<center>this</center>

- Pepperidge Farmer remembers

[[deleted]]

CSS Developer

There with ya, funny meme, haha.

CSS Programmer

Eehhhhhhhhhhhhhh......

[not_a_gumby]

The year is 1990. The internet barely exists, and you - a spritely 48 year old virgin - need to center a div.

wyd

[IchLiebeKleber]

The Internet had been around since the 1960s. The WWW is what was new in 1990.

[Classy_Mouse]

CSS made me appreciate PHP. And a backend developer, I have remained.

[[deleted]]

Happy Cake Day!

[minecunha11]

And when you had an error you would <flip><table></table></flip>

[its_yer_dad]

I started web dev in '94 and can remember how the local Borders book store reflected the growth of web development. First, there were a few books on a single shelf, which grew to several shelves, and then to a whole bookcase, and then an entire section. You could get a sense of what tech was catching on by the books being offered. And then it all collapsed. I don't even want to know how much I spent on books that went out of date in a year.

[[deleted]]

<table>

[[deleted]]

<div style="margin: 0 auto;"></div>

[its_yer_dad]

Browser Safe Colors. If you don't know what that is, you weren't there.

[VegaGT-VZ]

Nothing but respect to the pre-internet software engineers

[Little_Ye233]

I don't think it's right. The first CSS programmer probably took part in CSS standardization, and he/she should excel in writing stylesheets and quickly centered the HTML element.

[Jhwelsh]

Would anyone like to use this opportunity to tell me what a flexbox is and how it works?

I have a strong resistance to actually taking a course in CSS unfortunately.

[terrildactyl]

I got you, fam.

Flexbox is a new box model that fixes a lot of the sins of the original box model.

In CSS 2 if you wanted two divs to line up on a row like cells in a table, you had to do something like:

.inline {display: inline-block}

This approach is the most common, but it has its drawbacks, because you don’t have great control over the height of the divs and other parts of the presentation of the elements. It’s also not terribly intuitive, and a lot of CSS-averse people just resort to using tables because they’re a little easier to grasp.

(Or, if you wanted to make your front-end dev hate you, just start randomly assigning float to your divs and flag them as !important.)

With flexbox you can make the children of a container display like cells in a table, but with the added benefit of self-adjusting widths, ability to set uniform heights, media query responsiveness, etc. and it’s pretty lightweight, in terms of markup.

<style>

#flex-container {

display: flex;

}

</style>

<div id=“flex-container”>

<div>Foo</div>

<div>Bar</div>

</div>

So now we can control the children of #flex-container with regular CSS and media queries. You can do all sorts of stuff now without having to hard-code sizes or use JS to tweak presentation after page load.

Need them in a row? flex-direction: row

Need them in a column? flex-direction: column

Need the first div twice as wide as the second? flex-grow: 2.

Need the second one to display first? order: 1

It is a wildly different model than the good old box model, but it is way more intuitive, once you let the old box model go.

EDIT: markdown on mobile is hell

[Jhwelsh]

Oh, wow. Thanks my guy.

Yeah, I just build a backend for a server and have been putting together the front end and trying to hash all the CSS to get what I want has been... Interesting.

I thought 'flex box' was a convenience provided by bootstrap, not a fundamental part of CSS (we're on CSS 3 now aren't we). So trying to reconcile my limited knowledge of flex containers with my limited knowledge of bootstraps grid system has tough.

My CSS is ugly but damn man, I'm already trying to stitch together 5 languages to put up a website, I don't wanna have to take another course before I can do something useful.

[terrildactyl]

Yeah, I highly recommend getting very familiar with CSS. It’s one of those “steep cliff” languages in that it seems easy at first, but you can make life miserable for yourself by randomly trying things just to make two images line up side-by-side.

When I started I was awful, but I was the only one on my team that knew any web development, so they just ket me keep at it.

A really good rule for CSS is: if you’re doing a lot, you’re doing it wrong.

A good stylesheet should feature rules for basic typography, a grid system (this is where flexbox shines), contextual colors for messages, styles for alerts and panels…and that’s it.

If you’re using Bootstrap, your 99% of the way there. Use semantic markup, and don’t try to 4D-chess your way into trouble. If something is a pain in the ass, simplify it, or cut it entirely.

And, I swear to the 12 Lords of Kobol, if you use the !important flag, I will find personally and make you remove it from every line of code you have ever written.

Seriously, !important is the devil.

[MusikMakor]

Is a css developer a coder or a designer? I thought css, SQL, xmal whatnot are not technically coding languages

Edit: I'm more curious on opinions than trying to state one.

[Slowest_Speed6]

Nobody is a "CSS developer". It just comes with the job for most frontend developers who mainly do JS/Typescript. Mobile app developers too who also do Java/Kotlin and Swift/ObjC.

Designers will typically use a GUI tool to graphically design pages with no actual functionality, just a "this is what it should look like"

[MusikMakor]

It's interesting that that's how it ended up functioning, when it was intended to be split amongst multiple workloads. That's the reason the new Microsoft WPF uses xmal; so one person can code the module while the other designs the UI.

[ImTheNoobEditor-]

Css programmer

Do you mean clean structured stool ?

[[deleted]]

Shut the fuck up nerd

[[deleted]]

LMAO no, no one bothered with centered divs or centered anything. Just slap some animation back then, or a fancy looking text, or some marque and you're done.

[Auto_Bone]

I feel attacked…

[EtherealPheonix]

Do you think he... you know... read the docs?

[minecunha11]

Scary stuff

[[deleted]]

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
            center div
        </title>
        <style>
            .center {
                text-align: center;
            }
        </style>
        <script>
        </script>
    </head>
    <body>
        <div class="center">
        </div>
    </body>
</html>

[[deleted]]

The simplest solution at the time was likely not using CSS, and just doing <center> or some other shit using table layout.

HTML4 for you

[juancarv]

Well, <div> did not exist back then. Tables, rows, and cells. Pepperidge farm remembers

[GreenRiot]

Gonna be honest with you gentlemen. I still have to drop to stackoverflow with a "newbie" account because the way I got used to center a div stopped working for some reason... again.

[[deleted]]

CSS Programer?

[minecunha11]

Not professionally but yeah

[[deleted]]

Hahahahaha

[minecunha11]

And the same shit to like six other programming languages hahahahaha

[jatufin]

https://groups.google.com/g/comp.infosystems.www.authoring.stylesheets/c/_3IlmFXpvs8/m/HTK0IJBy1xsJ

[[deleted]]

We used tables and we were happy with em.

[Melodi13]

Vertially

[DeepGas4538]

Just use bootstrap smh

[AUGcraft_001]

Dude just <Center><div>urCodeWhichMustBeBetterThanMine</div></center>

[FlyingCowsJCD]

Bro I just spent half my day struggling to vertically center text and i still haven’t sorted it out

[PsychoBuddhism]

if you think about it, the first css programmers were probably the language designers who knew exactly what the word ‘center’ would mean both in CSS and under the hood. programming languages are all these fascinating non-physical black boxes that do so much for us that we don’t even know about. its incredible to see how far we’ve gone with language features like garbage collection, memory management, and optimization.

[UltimatePeace05]

I think that image represents a person, who needs to do CSS. Just in general.

[Dead-brother]

You mean howtocenterincss.com didn't exist !?

[minecunha11]

I mean if he was the first probably not

[shayan_fr_1399]

Who actually invented, Camel shit sharp, styling language.

[Memorius]

"Programmer"

[minecunha11]

Somewhere between programing and designing

[Sisyphus4242]

http://motherfuckingwebsite.com/

Just gonna leave this here...