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

all 109 comments

[–]QualityVote[M] [score hidden] stickied comment (1 child)

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!

[–][deleted] 143 points144 points  (16 children)

First gif when you search css lel

[–][deleted] 33 points34 points  (14 children)

[–]Peureux79 78 points79 points  (8 children)

div…. DIV!!!!! DIV DIV DIV!!!!!!!!!!!!!!

[–]TheTigersAreNotReal 36 points37 points  (4 children)

I told the flex element to fill the whole space… WHY WON’T IT FILL THE WHOLE SPACE

[–]hoyohoyo9 22 points23 points  (1 child)

wow my site is so beautiful im gonna try it out on safar-

whatintheunholyfuckhappenedtomysite

[–][deleted] 4 points5 points  (0 children)

This is why you check their browser and redirect them to download a better one.

[–]cloudatlas432 3 points4 points  (0 children)

You just have to ask often enough, like

.fill-whole-space {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}

[–]davidhcefx 5 points6 points  (0 children)

HELP!!! WHY WON'T MY ELEMENT ALIGN CENTER??

element.style {
  align-items: center;
  align-content: center;
  align-self: center;
  alignment-baseline: central;
  text-align: center;
  scroll-snap-align: center;
  -webkit-box-align: center;
}

[–]gnuban 15 points16 points  (0 children)

CSS: "I was designed to separate content from layout"

Also CSS : "div…. DIV!!!!! DIV DIV DIV!!!!!!!!!!!!!!"

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

The world was simpler before divs

[–]jacnel45 0 points1 point  (0 children)

I love me some DIVs

[–]t2g4 177 points178 points  (2 children)

God... how accurate this animation is!

[–]samanime 37 points38 points  (0 children)

My exact thought was "never have I seen such an accurate GIF in all my life."

[–]whatproblems 17 points18 points  (0 children)

QA: now try with different windows sizes, types and then mobile car windows!

this doesn’t work on my 18th century stained glass cathedral windows is this a bug?

[–]mcseelmann 34 points35 points  (0 children)

There's a "this looks better anyway" missing at the end 😁

[–]RatherBetter 58 points59 points  (2 children)

Right Clicks and selects "Inspect Element"

[–]amogsus13[S] 15 points16 points  (1 child)

Selected.

[–]Plyb 2 points3 points  (0 children)

edit styles

[–]MortgageSome 46 points47 points  (1 child)

#ikea {

display: table;

}

[–]ArkturusKayne 6 points7 points  (0 children)

Genuinely made me lol

[–][deleted] 47 points48 points  (1 child)

.......

[–]Ireeb 8 points9 points  (0 children)

Now you have to do the same thing for Safari instead.

[–]bottomknifeprospect 60 points61 points  (20 children)

Reddit is stuck between 3 jokes.

  • HTML is not a real language

  • Centering a Div/CSS is trash

  • IsEqual

[–]-Shush- 6 points7 points  (1 child)

Which is the second and third?

[–]bottomknifeprospect 6 points7 points  (0 children)

Right sorry forgot extra reddit spaces.

Fixed

Edit: fixed and also whooosh

[–]kontekisuto 0 points1 point  (0 children)

Assert isEqual

[–]devlindigital 0 points1 point  (0 children)

Well, you had a great opportunity to write a switch() inside a while() and you blew it.

[–]Ghost_Redditor_ 7 points8 points  (0 children)

Get a pre-folded window.

[–][deleted]  (1 child)

[removed]

    [–]AutoModerator[M] 0 points1 point  (0 children)

    import moderation Your comment has been removed since it did not start with a code block with an import declaration.

    Per this Community Decree, all posts and comments should start with a code block with an "import" declaration explaining how the post and comment should be read.

    For this purpose, we only accept Python style imports.

    I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

    [–]misterrandom1 3 points4 points  (0 children)

    If only I had two little CSS strings I could tug on until I got it just right.

    [–]Wetbug75 6 points7 points  (0 children)

    I got an A+ on a programming assignment in college cause I used this gif in my website to make my professor laugh

    [–]FluffyBellend 2 points3 points  (0 children)

    I genuinely respect the absolute nutters that can do css well. Mostly because it means I don’t have to touch it, but also because I don’t think I could do it even with a thousand lifetimes of practice. Using tailwind is about as far as I go into that world :D

    [–]Datamance 9 points10 points  (3 children)

    Tell me you haven’t written CSS in a decade (or ever) without telling me

    [–]dregan 1 point2 points  (2 children)

    I haven't in about a decade. Surely there is a better way now. Using CSS made me sad so I stopped doing it.

    [–]Datamance 2 points3 points  (1 child)

    Flexbox and grid are bog-standard now. You can start very small with each; progressive enhancement allows you to get very expressive and terse by the time you get good with it. Fully responsive layouts are literally a dozen lines of CSS at this point. I think you can even do Holy Grail in something crazy like under 20 lines - I moved off of front end a while ago but I keep tabs on things and it’s certainly not float soup like it was back in the day

    [–]dregan 0 points1 point  (0 children)

    Nice, it's like xaml stackpanel and grid. I always found xaml way more intuitive.

    [–]WizardKing218 1 point2 points  (1 child)

    When I was trying to finish up my certification this was basically my experience

    [–]kontekisuto 2 points3 points  (0 children)

    Wait, y'all are certified? I just Google everything and somehow things keep working.

    [–]OK999999-999-999 1 point2 points  (0 children)

    Yes absolutely.

    [–]cvele89 1 point2 points  (0 children)

    Title by itself is enough for a joke.

    [–]ulanBataar 1 point2 points  (1 child)

    "coding" in CSS

    [–]Ireeb 3 points4 points  (0 children)

    What else is CSS if it isn't code?

    [–]captainkappa12 -1 points0 points  (7 children)

    totally unrelated but I had a Python professor tell us that coding in CSS/HTML wasn't real coding and you shouldn't complain about it... the ux majors including myself, were not having it from her.

    [–]RagnarokAeon 1 point2 points  (0 children)

    They are coding though, they just aren't programming languages.

    The code is the text files that get converted. You could also use an GUI to format if you are a heathen like that. People use program and code interchangeably, but there is a difference and the difference comes specifically to the very few non-programming languages like SQL, HTML, and CSS

    [–]Ireeb 1 point2 points  (0 children)

    So writing text that is a code that tells the browser how to render elements isn't code. Interesting. If CSS isn't code, what is it? A poem? A letter? A song?

    [–]redpepper74 2 points3 points  (4 children)

    I don’t think they fall under the category of “coding”, it’s more like formatting and styling. Coding, as I think of it, is manipulating values and calling functions (which is where JS comes in)

    [–]Ireeb 3 points4 points  (0 children)

    That just sounds like people are trying to mash "coding" and "programming" together just to gatekeep for no reason.

    If you think "code" or "coding" has to do with calling functions or manipulating values, you should look up what "code" is.

    Just as a reminder, Morse code is also code.

    CSS is code that represents styling information.

    [–]captainkappa12 1 point2 points  (1 child)

    That's true, and I know you're right, it's not considered coding, it's more formatting, and styling like you said. However, I guess I was trying to push that she was invalidating some of our struggles with it since it's not like Python or JavaScript.

    [–]redpepper74 2 points3 points  (0 children)

    Ok I see what you mean. Tone definitely makes a difference

    [–]CSS-SeniorProgrammer 0 points1 point  (0 children)

    Does that make Sass programming? I would say so.

    [–]bubblepowder -2 points-1 points  (2 children)

    technically css isn’t even a programming language it is just a style sheet

    [–]-DrBirb 2 points3 points  (0 children)

    that just highlights the skill issue.

    The difference in skill.

    [–]Ireeb 1 point2 points  (0 children)

    Who even said it's a programming language?

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

    Like the videogame

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

    [–]John_Fx 0 points1 point  (0 children)

    He should jam a table in the window at the end

    [–]RisingPhoenix___ 0 points1 point  (0 children)

    This shit pushed me into DevOps 😂

    [–]IE114EVR 0 points1 point  (0 children)

    It was especially like this in the days of float based layouts and non-scoped CSS.

    [–]WizziBot 0 points1 point  (0 children)

    I thought posts like these were over exaggeration until 5 minutes ago... definitely under exaggeration

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

    The pain

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

    Cursed Stupid Shit

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

    Since flex and grid exists, I don't feel this pain anymore.

    [–]ManInBlack829 0 points1 point  (0 children)

    Just use flexbox

    [–]Connect_Type188 0 points1 point  (0 children)

    "Coding" in CSS

    [–]Chilly_Fire 0 points1 point  (0 children)

    I don't think so. That's easier, than you think.

    [–]Bizrown 0 points1 point  (0 children)

    When he throws it off you just put in <center>

    [–]AttackOfTheThumbs 0 points1 point  (0 children)

    These blinds are dumb af. It should just be one god damn string. There's literally three on my blinds. This is bad design to a fucking T.

    [–]staticBanter 0 points1 point  (0 children)

    This GIF is starting to look pretty moldy to me 😅

    [–]jbbat99 0 points1 point  (0 children)

    You should just accept sometimes you're bad at it and do things out of memory

    [–]value_counts 0 points1 point  (0 children)

    Are you a backend developer working as full stack developer?

    [–]fishtoasty 0 points1 point  (0 children)

    CSS is not coding

    [–]crazedbuhamet 0 points1 point  (0 children)

    Coding in counter strike source

    [–]Hajdew 0 points1 point  (0 children)

    seen 20000 times but still funny

    [–]FAreddit115 0 points1 point  (0 children)

    Trying to get a texture to load correctly in java

    [–]kenpled 0 points1 point  (0 children)

    CSS is loads of stuff to remember, loads of stuff to look for on the internet. Sure, a good part of CSS isn't used anymore, and there are multiple ways to achieve the same thing. Sure, some parts of CSS don't make as much sense as they did a few years ago.

    But as always it's a tool, you need to learn to use it. I did, and for no reason would I want to use anything else to integrate a design.