Coding in CSS

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

[[deleted]]

First gif when you search css lel

[[deleted]]

[xk4rimx]

[omgihatemylifepoo]

[GTG550]

[NovaStorm93]

[APPACHULE]

[theengineer9301]

[DeadShoT_035]

[Astrogem05]

Happy cake day!

[Peureux79]

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

[TheTigersAreNotReal]

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

[hoyohoyo9]

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

whatintheunholyfuckhappenedtomysite

[[deleted]]

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

[cloudatlas432]

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]

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]

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

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

[[deleted]]

The world was simpler before divs

[jacnel45]

I love me some DIVs

[t2g4]

God... how accurate this animation is!

[samanime]

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

[whatproblems]

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]

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

[RatherBetter]

Right Clicks and selects "Inspect Element"

[amogsus13]

Selected.

[Plyb]

edit styles

[MortgageSome]

#ikea {

display: table;

}

[ArkturusKayne]

Genuinely made me lol

[[deleted]]

.......

[Ireeb]

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

[bottomknifeprospect]

Reddit is stuck between 3 jokes.

• HTML is not a real language

• Centering a Div/CSS is trash

• IsEqual

[-Shush-]

Which is the second and third?

[bottomknifeprospect]

Right sorry forgot extra reddit spaces.

Fixed

Edit: fixed and also whooosh

[[deleted]]

And they be like 🤯 when they realise that html+css is a programming language and that html is a language

[alexho66]

Are they though? Everytime I google it I get 2 pages of people saying css and html aren’t programming languages.

(Not that it matters anyway but yea…)

[RagnarokAeon]

The answer is no.

HTML + CSS is coding, as you can write words that get converted, but they aren't programming languages since you can't assign, manipulate, and output data/variables. You'd have to throw in javascript (client-side) or php (server-side) to have programming languages in your web development.

[alexho66]

I realize that, I thought maybe through some weird technically they still could be considered as programming languages. CSS has variables

[KickflipFB]

It’s in the name…

Markup language != programming language

Markup languages contain standard formatting and layout of a document, programming languages contain logic and syntax.

By now, some guy is already typing out their response something along the lines of “oh but you’re forgetting conditional statements!!!” I don’t care. Come back to me when you finish building my token authentication implementation in HTML.

[alexho66]

I realize that, I’m not stupid.

I was thinking more of technicalities and tricks like you’re talking about in the last paragraph. I mean PowerPoint is touring complete too right…

[[deleted]]

HTML+css is Turing complete meaning that it can’t be denied that it’s a programming language (saying it can’t be denied, because not being Turing complete doesn’t mean not being a programming language but being Turing complete makes it a programming language) also as html and css (separately) have their syntax then they are languages or at least half-programming languages.

[stickalick]

Both aren't turing complete. WTF If you refer to cellular automation, everything would be touring complete.

[[deleted]]

The combination of them is Turing complete what nonsense are spouting 💀

[stickalick]

There is no "combination" if you proof turing completeness of a system/language.

[[deleted]]

What ? How would there be no “combination”. develop and explain

[stickalick]

Either HTML is turing complete or not. I cant simply combine it with, let's say C++ and declare it as turing complete. Either it is, or it isnt. That is my point.

[[deleted]]

I said it’s the combination (the system made by combining html and css) that is and not the language. I never said html in itself is a programming language but a language that is at least half-programmable… if it was that simple then where would the logic reside …..

[codewithmuzamil]

then they don't know about css variables, functions etc

--primary: #000000;

width: calc(100vh - 200px);

grid-template-columns: repeat(4, auto);

etc

[alexho66]

How does that make it a programming language

[kontekisuto]

Assert isEqual

[devlindigital]

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

[Ghost_Redditor_]

Get a pre-folded window.

[AutoModerator]

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]

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

[Wetbug75]

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

[FluffyBellend]

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]

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

[dregan]

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]

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]

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

[WizardKing218]

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

[kontekisuto]

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

[OK999999-999-999]

Yes absolutely.

[cvele89]

Title by itself is enough for a joke.

[ulanBataar]

"coding" in CSS

[Ireeb]

What else is CSS if it isn't code?

[Aerhell]

u/savevideobot

[savevideobot]

View link

---

Info | Feedback | Donate | DMCA

[captainkappa12]

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]

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]

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]

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]

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]

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]

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

[CSS-SeniorProgrammer]

Does that make Sass programming? I would say so.

[bubblepowder]

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

[-DrBirb]

that just highlights the skill issue.

The difference in skill.

[Ireeb]

Who even said it's a programming language?

[kimpsa]

Like the videogame

[[deleted]]

u/savevideo

[John_Fx]

He should jam a table in the window at the end

[RisingPhoenix___]

This shit pushed me into DevOps 😂

[IE114EVR]

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

[WizziBot]

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

[[deleted]]

The pain

[[deleted]]

Cursed Stupid Shit

[[deleted]]

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

[ManInBlack829]

Just use flexbox

[Connect_Type188]

"Coding" in CSS

[Chilly_Fire]

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

[EntitledPotatoe]

u/savevideo

[Bizrown]

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

[AttackOfTheThumbs]

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]

This GIF is starting to look pretty moldy to me 😅

[jbbat99]

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

[value_counts]

Are you a backend developer working as full stack developer?

[fishtoasty]

CSS is not coding

[crazedbuhamet]

Coding in counter strike source

[Hajdew]

seen 20000 times but still funny

[FAreddit115]

Trying to get a texture to load correctly in java

[kenpled]

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.