The Unstoppable Evolution of CSS into Everything
Description
This is a four-panel comic from the webcomic 'CommitStrip,' illustrating the escalating feature set of CSS over time. In the first panel, dated 'March 2019,' a female developer excitedly announces, 'Hurray! CSS is going to support trigonometric functions! We won't have to use JS for our calculations any more!' while her colleagues look on with mild apprehension. The second panel, '2020,' shows her celebrating again, exclaiming, 'YEAH! Finally we can do loops and conditionals in CSS!'. The third panel jumps to '2025,' where she, wearing a party hat, declares, 'Wahoo!! CSS 8 can finally run on the back-end and store data! We can get rid of Node and the database!'. The final panel, '2035,' depicts a chaotic celebration. The developer, now in a cheerleader outfit, screams, 'VICTORY! CSS 19 can auto-generate its own rules using AI and set up its own web server containers using a dedicated OS! EVERYTHING IS CSS!'. Her colleagues are now covered in cake and look terrified. The comic satirizes the concept of feature creep and the blurring of technological boundaries, humorously projecting a future where CSS, a language for styling, evolves into an all-powerful, sentient, full-stack development and infrastructure platform
Comments
38Comment deleted
First they came for JavaScript's calculations, and I did not speak out. Then they came for Node's server, and I did not speak out. Now my entire infrastructure is managed by a `!important` flag
At this rate, by CSS 20 :hover will double as the health-check endpoint and @media will autoscale the cluster
Remember when we complained about CSS-in-JS? Wait until you see JS-in-CSS-in-Docker-in-CSS running on CSS/OS, where every div is a microservice and flexbox handles orchestration
This comic perfectly captures the architectural horror of watching CSS evolve from 'separation of concerns' to 'CSS-in-JS' to 'JS-in-CSS' to eventually just 'CSS-is-everything.' By 2035, we'll finally achieve the dream: a single 50MB stylesheet that replaces your entire infrastructure, auto-generates its own Kubernetes cluster, and somehow still has specificity issues. The real joke? We're already halfway there with CSS Houdini, container queries, and CSS nesting - give it another decade and that 'CSS 19 with AI' panel won't seem so far-fetched. At least when everything breaks, we'll only need to debug one technology... right?
The future of full-stack: one .css file to rule them all, from layouts to ACID transactions
Give CSS a :has() and suddenly it’s scheduling its own sidecars - CAP now means Chrome, Autoprefixer, PostCSS
Everything is CSS? Perfect - an architecture where service discovery is !important, deployments run via @keyframes, and every incident is, quite literally, a cascade failure
Imagine if regex-parsable language would be capable of this Comment deleted
Yooooo, I never even thought of this. It is actually a regular grammar... Comment deleted
wait, WHAT? Comment deleted
and WHY? Comment deleted
CSS interpreter under CSS Comment deleted
2045: CSS replaced photoshop, 2077: 3 billon devicec run CSS Android apps and pc games are being written in CSS Comment deleted
2100: css got sentient and conquer the humankind. Comment deleted
2010 people said CSS is not a programming language Comment deleted
2003. People say CSS is Counter Strike: Source Comment deleted
1995: most people have not yet been bothered with CSS Comment deleted
October 9th, 1994: last peaceful day on earth Comment deleted
Last peaceful day on earth was before IE created Comment deleted
lets just stop using CSS and start styling everything in javascript Comment deleted
CSS in JS There's nothing that js frameworks cannot do Comment deleted
We should make a new web standard that only we can open with our custom browser Comment deleted
Lets call it Jetspace Navigator Comment deleted
you mean jetscape* ? Comment deleted
No, space because its a jet Comment deleted
No space because its a jet Comment deleted
Lol okay then Jetscape Comment deleted
you can use QML Comment deleted
No, we need to use intuitive syntax that every programmer would understand without documentation and using only two bracket characters for everything, and making spaces a part of the syntax with strict rules Comment deleted
Like QML analogue of HTML? Comment deleted
I don't know QML but I will check it out Comment deleted
Lets return to old firefox browser which supported EcmaScript4 and e4x so we could make it something between browser and flash Comment deleted
you can't stop me Comment deleted
but I can make you join the group Comment deleted
probably npm package by that name already exists Comment deleted
sub it for js, pretty much true Comment deleted
outdated?? Comment deleted
oh wait comments were better😂 Comment deleted