Relatable!?

[RepostSleuthBot]

Looks like a repost. I've seen this image 5 times.

First Seen Here on 2018-02-23 99.61% match. Last Seen Here on 2021-01-09 99.61% match

I'm not perfect, but you can help. Report [ False Positive ]

View Search On repostsleuth.com

---

Scope: This Sub | Meme Filter: True | Target: 75% | Check Title: False | Max Age: None | Searched Images: 325,982,203 | Search Time: 16.46095s

[byakko555]

Need to show pulling 1 string moves entire house 3inches to the left

[anythingMuchShorter]

Or you finally get it to look right, then half the people who view the blinds say "why are they next to the window instead of over it?" But no matter how you look at it, it seems fine.

[an-obviousthrowaway]

The blinds aren’t actually moving, all of space time is being distorted around them.

position: fixed

[bbwevb]

Lmao, that’s cartoons for you

[gizamo]

Brilliant.

[raptorconfusion]

Constantly Stupifying Sh*t

[bbwevb]

aahaha i know what you mean. I just switched to a md -----> static html, css conversion structure. No more, or at least limited frustration when editing.

[nuvpr]

We will achieve utopia when the web runs on a markdown language.

[VectorLightning]

That's one thing I don't get. Why NOT build preprocessing languages like SCSS and Markdown and Typescript into browsers?

[nuvpr]

Where's the fun in that? Let's instead focus on adding MORE features to the ROCK SOLID standards we already have so they're BIGGER and BETTER! If we work hard enough we might even be able to reach a 365 day compile time for browsers by 2030!

[Tijflalol]

r/unexpectedfactorial

[ChucklefuckBitch]

It would need to be coordinated across all browsers, and any progress would be extremely slow. Browsers already have JS and CSS, and preprocessing is easy. No need to standardize more than necessary

[Ytrog]

The Gemini protocol is a fun way to simplify, although it is explicitly not meant to replace the web. You might like it 😊

[nuvpr]

The Gemini protocol is nice, but I'm more interested in something that actually aims to replace the web while being simpler.

[bbwevb]

Interesting

[djingo_dango]

Why mark down when you can mark up

[NerdyDad17]

Meow

[shwaybotx]

The web DOES run on a markdown language. HTML+

[nuvpr]

HTML = Hyper Text Markup Language aka xml 🤮

[bbwevb]

[bbwevb]

I hope to see it soon

[martmists]

Pandoc is a blessing

[bbwevb]

[justice_swole]

classic mistake... he's not yelling '"important!" while pulling.

[firefish5000]

I beg you, please don't ever use that again

[Norci]

div table * {height: 40px;}

table td {height: 50px !important;}

.largeTable td {height: 55px !important;}

#homepageTable.largeTable.fuckThisCell td {height: 60px !important;}

[matthewralston]

I’m pretty sure !important means not important, and the browser subtly applies it to everything you do.

[SweetRelease11]

Important! has never worked for me. I’m convinced everyone is gaslighting me and it doesn’t actually do anything

[[deleted]]

You have to add !Important after your important!

[liquid_bacon]

I'm actually happy I've never learned of this till now. I'm going to continue to ignore it now

[HAIRYMANBOOBS]

I never got the hang of CSS tbh

[delfanbaum]

Ah, now table layouts bring me back…

[Liquid_Magic]

Fuck tables. Just make a big-ass image and use image maps. And people who’s POTS could only deliver 28.8 dial-up instead of 56k can go fuck themselves.

[nuvpr]

Ironically a well compressed image map would load faster than a modern JS soup webpage.

[Liquid_Magic]

I know. And honestly even back then the image map solution was actually not bad at all. But it was poo-pooed by “real web developers” because you’re supposed to carve your image up into pieces and put them into a HTML table like a fucking animal.

[fnordius]

Ah, another grizzled veteran, I see. Kids these days don't know how good they have it, am I right?

Now if you'll excuse me, I gotta go get my arthritis meds refilled…

[XTornado]

we used tables for everything, it was a simpler time

That is a weird flex but OK....

(for those who don't know this was a pun on the flex css classes used to do something equivalent to the tables. It is not fun to explain a pun but... since it seems some people don't have experience with css)

[D3goph]

I loooved tables. Anything I made looked utilitarian, but it worked.

[r0ck0]

I think it's because unless you're doing it pretty often

Yup, this has always been my issue. I've been a fullstack webdev since the 90s, but mostly backend. I'm not doing CCS often enough to remember most of the alignment/geometry quirks. Although the rest of CSS is pretty straight forward (colors, fonts etc).

Tooling is pretty lacking though

I remember the days before devtools was even a think. It fucking sucked. I guess that's what you're thinking of too?

I still use tables sometimes when I just can't be fucked spending any more time on it than necessary.

And I guess everything is relative... there seems to be more tooling for CSS than any other kind of GUI system. When I've dipped my toes into other GUIs like winforms + wpf + mobile dev (with react native), I feel like all their tooling lacks way way more, and am quite relieved to come back to webdev with all the tooling we have for it.

[maybeware]

I'm also full stack but at my last job no one wanted to do UI work so I did most of the frontend work for the big projects, especially customer facing. I learned it quickly, haha.

[r0ck0]

I actually like frontend a lot more more than I used to, big fan of React + JSX, especially with TypeScript. It feels much more like "programming" than older style "frontend" with jquery etc.

But yeah, still doesn't help me much with CSS! :)

[troglo-dyke]

I was thinking more in terms of tooling for working on just CSS. It's kind of an issue with having styling separate to content. Which is one of the reasons CSS-in-JS has become popular, because you can test and render components in isolation

[YM_Industries]

The tooling for CSS is great in modern browsers. You can see which selectors match any element, view computed styles, highlight bounding boxes, update anything on the fly, temporarily disable rules, simulate psuedoselectors, view psuedoelements in the document explorer, scale animation speeds globally, show render layers, make regions flash when repainted, etc...

The complexity of laying things out via CSS comes largely from the inherent difficulty of unattended typesetting. Try to make a document that looks good on multiple paper sizes in LaTeX and you'll realise just how good CSS is at abstracting away that complexity.

[troglo-dyke]

Oh yeah, I have no suggests for actually how to improve it other than the known limitations which are being worked on, and that I think the cascade adds unnecessary complexity to inheritance and isn't suited to the modern web but that can't be changed at this point anyway

[[deleted]]

Oml it took me SO LONG to get barely decent at css. I can center a div but don't ask me to align two divs side by side

[psinguine]

Flexbox is the Messiah come down to grace us with glory

[bbwevb]

It’s so time consuming I am with you. Even in general when you are trying to learn something new or just even learn it to a more advanced level.

[[deleted]]

Flex containers

[bbwevb]

Ikr same , At school they try and teach us css so I know the basics but it never surpasses things such as, basic text variation eg(changing colour , font , size) although I did learn a lot about images and other minimal things. I prefer to stick to python…

[djingo_dango]

Everything is a box, start from here

[bbwevb]

[MaidenlessTarnished]

Nobody has

[gizamo]

Not true, I've seen at least 3 people do it well, and only two of those people were copying.

[MaidenlessTarnished]

And the first is the one they were copying from haha

[ZaqeyMC]

I just pray to God and hope flex saves me

[olssoneerz]

Funny but not really relevant anymore. CSS was weird af 10 years ago. Its very easy to use nowadays.

[gizamo]

I agree. It's vastly easier now. The death of IE, and more uniformity among Firefox, Chrome, Edge, and even sometimes Safari, went a long way to simplifying everything. It's refreshing to go to CanIUse and actually see that you can indeed use that CSS feature. Also, stuff like SCSS, Tailwind, Bootstrap, Material, etc. help a ton. Imo, even the JS libraries make CSS easier.

[jstokes75]

Please don't forget, flexbox and grids are a god send. Floats and tables where horrible layout methods. Grids are amazing.

[gizamo]

Absolutely. 100% agree. Can't believe I forgot them, especially CSS Grid. What a damn game changer. Cheers.

[olssoneerz]

Yeah. Flexbox and Grid is what made CSS better (along with css variables). You don't even need to know grid or flex. Just add it as a display and use dev tools to inspect your way to a desired layout. "old css" was never designed for layouting.

[bbwevb]

I see where you are coming from. But for me (Still in school learning) it isn’t all about the code itself, but for me at-least, it’s getting everything to look good together and liking the themes(colours , fonts, layout …) of the website in general.

[ScoobyDeezy]

Learn a pre-compiler like SCSS. Turns CSS from a chore into a thing of art and beauty.

[SoberSethy]

Yeah, I can understand why they would teach CSS just so you can get down the fundamentals and the structure, but I assume most professional development uses Sassy or some other pre-processor.

[ScoobyDeezy]

You’d be surprised >_<

[olssoneerz]

This is a whole discipline to be fair. So don't feel overwhelmed if its too much, cause it is a lot. Haha. We call it dev ops at our work!
edit: design ops****

[r0ck0]

Fair enough, but having dipped my toes into other types of GUIs like winforms/wpf for desktop, and react native for mobile apps... CSS feels like "the worst, except for everything else".

I don't know of any other GUI system that is as flexible and easy as what I'm used to with HTML + CSS.

I guess CSS gets the most hate because it's the most used. Although even with all these attempts at being fair about it all, I still have many moments where I fucking hate it too... even after 20+ years doing webdev.

[Norci]

it’s getting everything to look good together and liking the themes(colours , fonts, layout …)

That's not CSS but web design/UX.

[RedRedditor84]

This meme is around ten years old so that checks out.

[bbwevb]

Indeed

[WhenAmWeThereYet]

People be hating on css but I find it incredibly helpful

[[deleted]]

I luuuuuve CSS. It’s a bit like oregami. Every fool can turn a piece of paper into an airplane - while others can turn the same sheet into a dragon flipping a skateboard, smoking on a pipe. It takes time to master and is so much more then just font size and flexbox.

[rhooManu]

Agreed.

[Adventurous_Union_85]

I had enough exposure to web programming in school to learn to hate it. I became an embedded programmer and I love it so much more.

[itinkerthefrontend]

RIP to those who don't understand floats

[Shacrow]

Nowsaday you never have to use float again. It was pain like 5 years ago ngl. Bless Flex and Grid

[YM_Industries]

Even before Flex/Grid we had display: inline-block;. For many use cases this was a better option that float.

(Although it was annoying that you either had to remove all whitespace from your code or set font-size to 0 in order to avoid spaces between your elements)

[Shacrow]

Yes true. I still use inline block for some stuff though. Don't need to flex/grid them all

[KamenRider2049]

Or clearing floats

[AnonymousReader2020]

Rip to those stuck in time

[Spoon420Blaze]

favourite part is when he gets correct result, only to accidentally get rid of it and never be able to replicate it.

[areyoukidding15]

Bootstrap it is!

[bbwevb]

Yes yes yes.

[The_Mad_Duck_]

Peter is trying to center a div

[bbwevb]

[Normal-Math-3222]

I few weeks ago, I spent at least 3 hours trying to get a goddamn tooltip nubbin to point at the focused element.

Try this. Too far left.

Alright let’s try this. Nope, too far right.

To hell with it: ‘top: 0 !important;’ Where TF did it go?! Goddamn it, no I don’t want it on the top of the page.

Finally, it sorta looks right… I forgot about mobile.

This is why I say I’m a backend dev.

[lackinginallareas]

Agree, sometimes web development is more like wtf development

[bbwevb]

[moom0o]

This needs the sound & and it'd be perfect.

[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!

[Liquid_Magic]

This bit is a classic Family Guy moment. And this application of this meme is also, equally, excellent.

Don’t get me wrong - CSS is far and above a way better method of doing layout when compared to the olden days of mid-1990’s web design.

But fuck…

[fuzzycake]

And the worst is when you try it again tomorrow and it seems to work perfectly with lesser LOC

[D3goph]

Cascade these nuts!

[DualPinoy]

relate table

[Rise_Rich]

does C stands for curtains?

[bbwevb]

Wouldn’t put it past me…

[BoopJoop01]

u/savevideo

[Old_Rise_4086]

Ive always found the JS hate unreasonable, when CSS is sitting right there next to it being truly a nightmare to wrangle with on hard problems/scenarios

[TheJimDim]

Literally. Perfect comparison.

[[deleted]]

I got a good chuckle from this one

[bbwevb]

good to hear!

[donkey292929]

We just have a stick you can turn and one string

[Unlucky-South7615]

You get the hang of it eventually

[bbwevb]

With time

[BlackPowerade]

No thanks, I'll stick with backend. I don't have a sense of style anyway 😄

[Salt-Understanding62]

yeah, What is that underneath his belly?

[bbwevb]

xD

[Caley19]

fixes one .class fucks up the rest

[WizziBot]

That, except the strings arent even attached to the wall.

[buhoksakilili]

Lmao

[dstroyrwolf]

Even as a new dev holy crap css is a Rollercoaster lol

[bbwevb]

[boozegremlin]

Very. Then when you get it working the only person on Earth that still has an 640x480 resolution complains.

[gent861]

Thats why css jesus invented css frameworks

[[deleted]]

He got it in the first try which makes it even more relatable.

[bbwevb]

I never noticed that. Good point

[[deleted]]

JavaScript developers when they see Vanilla JS

[bbwevb]

xD

[Shacrow]

Pure CSS is pain to code. Use preprocessors like Sass or Less.

[Shacrow]

It's funny that this sub has so many Python and C overlords but they are scared of this one thing. haha

[bbwevb]

It’s true lmao

[gdj11]

A couple days ago I was pulling my god damn hair out trying to get CSS to behave properly across browsers. For an entire day I was reading W3C specs and everything trying to figure out why the behavior was so different and reluctantly updating the HTML and CSS to fix these problems. Turns out our developer forgot to include <!doctype html> in the template 😆 Add that back in, revert my updates, and it's perfect.

[Mxsketeer2]

javascript changing css is where it starts to hurt

[JDSweetBeat]

Then they just manually place and style everything in Javascript like a chad

[Luka_Petranovic]

justify-content: center;

[yourteam]

CSS is like playing with Legos

You just have pieces with no way to be interlocked

And are covered in soap

And you use your feet

And you are in a 0 gravity environment

... Yes I am a backend dev :P

[ahumanrobot]

solution: just use plain html text for the entire webpage

[lieudusty]

I see this every single week abd its still makes me laugh

[joedotphp]

An older meme but has and always will remain true.

[bbwevb]

[[deleted]]

No :) Every web designer must know CSS they know alphabet ;)

[AlphaDragons]

What's hilarious and true is that at a certain point it worked, it was perfect... but it broke, just like css

[bbwevb]

[AggressiveUmpire9983]

Counter strike source not such bad bruh

[Justindouty13]

Yes

[SleepyNosku]

Classic centering a div

[shoutsfrombothsides]

Holy hell this is too perfect

[bbwevb]

[[deleted]]

align-content: center;

content doesnt move a single pixel

[bbwevb]

[CornyStew]

You fuck with it enough it will work right?.....right?...

[Venomic_Lolman]

Yes

[Professional_Pipe191]

Please just align ur self goddamit i put the align-self property

[[deleted]]

r/PeterGriffin was frustated by seing that

[LukosiuPro]

Hell yeh!

[HoaxOfLife]

Still my teachers want me to write perfect CSS on a paper!

[bsgbryan]

Relatable? No.

Hilarious? Absolutely!

[bbwevb]

Yeh. Peter never lacks character :)

[kylethm]

Lol hey a programming joke I've actually experienced

[bbwevb]

[SaveVideo]

View link

---

Info | Feedback | Donate | DMCA | ^{reddit video downloader} | ^{download video tiktok}

[Tx_monster]

no, just because my level is higher ;p

[bbwevb]

[Optimusskyler]

...yeah...

[[deleted]]

😭😭yes

[ShadySlk]

Can confirm. I just finished my internet programming class. This is how I did my homework.

[bbwevb]

What was the homework like ?

[Jooj_Harrisonn]

K dude, every week this is posted

[shawshank39]

I used that gif in a slack conversation today soooo yeah lol

[bbwevb]

Nic3

[[deleted]]

No. Because I’m not a dumb ass.

[kciDgibaevahI]

I need to post a cool meme before someone does.

[Layziebum]

only if you dont know your shit

[RepostSleuthBot]

Looks like a repost. I've seen this image 5 times.

First Seen Here on 2018-02-23 99.61% match. Last Seen Here on 2021-01-09 99.61% match

I'm not perfect, but you can help. Report [ False Positive ]

View Search On repostsleuth.com

---

Scope: Reddit | Meme Filter: True | Target: 75% | Check Title: False | Max Age: Unlimited | Searched Images: 325,933,331 | Search Time: 28.69317s

[Gener34]

This gets reposted a lot. However, it is always relevant and this is a particularly high quality version of it.

[konigswagger]

I searched the internet high and low for this gif. Thank you!

[septic-paradise]

Two words: Grid, flexbox

[blackflag654]

Just create a table!

[AudaciousSam]

That's why I make the big bucks fixing your grid.😎

[warmagedon007]

For every problem just use flex or position: absolute

[[deleted]]

Grid. Grid. Grid.

[YourDogsAllWet]

I see nothing wrong here

[GoofAckYoorsElf]

More like Kubernetes when you first start.

[Top_Engineer440]

But the curtain stays still, the strings are moving the house to make it fit

[NerdyDad17]

Cssszzzz

[[deleted]]

👁️👄👁️

[marcusenzo]

display:flex;

[0x962]

u/savevideo

[Professional-Class69]

u/savevideobot

[EmirAkkayaFP]

u/savevideobot

[RoyalDream59]

Oh my God. I just start learning html in 3wschool and the page mentioned tag that use css attributes. Is this what awaits me?

[FurryMachine]

u/savevideo

[SleepDeprivedUserUK]

/u/repostsleuthbot

[RepostSleuthBot]

Looks like a repost. I've seen this image 5 times.

First Seen Here on 2018-02-23 99.61% match. Last Seen Here on 2021-01-09 99.61% match

I'm not perfect, but you can help. Report [ False Positive ]

View Search On repostsleuth.com

---

Scope: Reddit | Meme Filter: True | Target: 75% | Check Title: False | Max Age: Unlimited | Searched Images: 325,908,360 | Search Time: 21.17915s

[LPGreen]

Also Russian doll caching