DEV Community

Cover image for Is CSS an Object-Oriented Programming Language?

Is CSS an Object-Oriented Programming Language?

Alvaro Montoro on August 13, 2022

For the past six months, I have been running comiCSS, an "experiment" in which I draw web-related cartoons and comics using HTML and CSS. I publis...
Collapse
 
raibtoffoletto profile image
Raí B. Toffoletto

CSSTricks proved you can do a calculator only with CSS... so I'll leave at that for those wanting to discuss what programing languages are.... 🤣.

I personally loved to cartoon!! Shows how labeling stuff is really not that important.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

This. 1,000 times this!!!

Collapse
 
tandudev profile image
tandu-dev

Where? I'd love to see how that was done

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Lillian Kodi coded one: codepen.io/lillian-kodi/pen/YzZLebR

Collapse
 
auroratide profile image
Timothy Foster

My God, attempting to read through the reddit comments was like trying to steer a cruise liner by pushing it with a safety raft. Perhaps the subreddit is more for people laughing at others than with others.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

I guess that's the Reddit-way?

Collapse
 
afif profile image
Temani Afif

I warned you ...

Now, I won't be surprised if someone is killed in that reddit post.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

You did warn me.

Did I do it anyway? Yes.

Will I do it again? Definitely yes. 😈

Collapse
 
alvaromontoro profile image
Alvaro Montoro • Edited

Actually, I have an idea related to this that will get more people even more angry. I need to show it to you. I find it hilarious, but I doubt many people will ;P

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

The comic seemed to go unnoticed again but then became viral on the /r/ProgrammerHumor channel on Reddit (without the poster adding a source or attribution for it 😓).

Yea, that subreddit is an absolute shitshow of dunning-kruger enthusiasts who think chanting "all code is copied from stack-overflow" while standing in a circle wearing dark hoods is somehow funny and original. Not surprised they wouldn't bother linking to the original.

That being said, I strongly disagree with calling CSS an object-oriented language (or even a programming language at all, albeit with a much weaker opinion). It shares some concepts of OOP, but it lacks the most central one: Objects. At the end of the day, CSS only lets you define classes (as in, OOP classes, which correspond to selectors, not CSS classes) but not instantiate them (that's what HTML does). Adding HTML, you then still lack another essential aspect, which is message-passing; HTML+CSS objects exist, but they don't interact. They can old state, but they don't have any behaviour. Once you add JS to the mix, you do end up with a proper object-oriented system of sorts, where CSS and JS define the classes and HTML instantiates the objects, but that's not normally the way developers think about websites (which is a shame, because it's a very powerful mental model).

Collapse
 
peerreynders profile image
peerreynders • Edited

I've always viewed CSS as the language to create rule sets for a domain specific rules engine.

RulesEngine

martinfowler.com

One issue is that people will often try to define things in terms they (think they) understand rather than taking a step back and trying to evaluate whether they are missing some key information (in their "known unknowns" or "unknown unknowns" zones) that may explain things better.

Collapse
 
fyodorio profile image
Fyodor

The next one should be about Turing completeness of CSS, it will blow out

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Something something calc() and attr() something something 😅

Collapse
 
kolja profile image
Kolja

Now i understand the principles of OOP😃

Collapse
 
alvaromontoro profile image
Alvaro Montoro • Edited

animated gif showing a man (Nathan Filion) trying to correct or make a comment, the stop resigned

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks!

Collapse
 
sksallaj profile image
Sultan Sallaj

People have a problem trying to attack the concept because people bought so deeply into the concept of OOP and not the actual programming. There is no programming in CSS, like there is no concept of variables or functions - that's the programming part. What CSS can do is mimic how variables work - like creating 8,16, or 32 bit registers, and creating how functions work by utilizing html events. Is it scalable? Not for business logic. It's super amazing for the presentation of any html framework. That's why seeing applications built by html and css looks magical, but lets see them carry the business load of requirement revisions. There's no way code like that can be copied and pasted without some sort of architectural consideration.

Collapse
 
eunicejoslyn profile image
EuniceJoslyn

Why it is not considered as an OOP ? جلب الحبيب بالنظر الى صورته

Collapse
 
efpage profile image
Eckehard

See the "street of fame"? CSS should have a place there

Collapse
 
ravavyr profile image
Ravavyr

Anyone seriously contemplating the definition of CSS for a long time....needs to rethink things. In the mean time I'll be over here building websites and web applications. lol

Collapse
 
akostadinov profile image
Aleksandar Kostadinov

I think with a descent standard library, CSS could make it..