I love that the suggestion being made by tailwind is that it is making it easier (running with a tailwind). Headwind (a front facing wind) for backend is perfect. Making your life needlessly difficult
I laughed exactly this hard when I heard javascript was getting used on the backend. So now in the back of my mind is a little twinge of fear: what if "headwind" becomes a thing?
@14:07 gave me flashbacks to an old client that wanted us to print out a copy of each page of the site we were developing for him so he had a backup. We even had to mail it out to him as he was refusing to pay his bill 😢
I learned CSS2, CSS3 came and it took a while to learn it, still don't know which align-[items|content|self] to use sometimes. Now they are piling on container queries, new view port units, layers, nesting, subgrid, etc. Tailwind is a savior
@TheNewton it's not a fundamental law of nature(css), just style your website with whatever method allows you to convert the most users in the shortest amount of time. If it's done in webflow, tailwind or whatever, as long as results are met, it doesn't matter
@@tensor5113I agree, use the tools you know the most so you don't get fcked up everytime you go back and change something. Seriously, I am tired of fundamentalists. It's a fcking tools, not a Bible or Qur'an to be followed. You won't be damned to hell if you use Tailwind.
There was someone who made a whole multi stage game in pure CSS for one of those online css contests. It was really good game. Let me see if I remember where it was hosted.
CSS is progressing as the true procedural programming language for full stack development. We're still missing the ability to compose selectors & rules out of other selectors & rules but maybe the Houdnini spec will open such doors.
All the data- and double dash things are data attributes and css variables, respectively. So, POST requests weren’t added to CSS in the spec, but rather with the interpreter
loved the arrow function rant at 10:30, but arrow functions with variables are nice when you wanna be really pure-function-y and _avoid the return statement_ ala `const add = (a, b) => a + b;`
Back when I was learning Python I was building a OSINT framework. Didn't understand sys.path and thus didnt even try using importlib (to run arbitrary other python scripts from entrypoint). Instead, went ahead and wrote implementation using dynamic programming (which I didnt know as a concept) to have an input() menu and dynamically write out to bash files to run the selected script. Then would use os package to execute `./*.sh` from a virtual shell (after having failed trying to dynamically write out to python files and dynamically execute them using the same method. p.s. could probably get it working now but refuse). so had python conditionally writing to bash files and executing them which would then execute other arbitrary python scripts. Impressed? I know you are. P.S.2 - when you try doing this method with an extra bash+py layer (5 total), you will automatically have your mental lexicon of English transpiled to a mixture of Python, Prolog, and hyperscript. Just say 'yes please' into your camera and use your speaker as a mic, then transmit pythagorean-tuned FM packets from your frontal lobe and you'll be teleported to holographic pleroma of a webgl powered miami FL where we'll take a spring coding break
There's one aspect of using arrow-functions not covered by named function syntax: constness. const f = ()=>"foo"; f = ()=>"bar" is a syntax error. Whereas function f() { return "foo"}; function f() { return "bar" } is "perfectly valid" JS unlike const function f() { return "foo" } which is a syntax error. And that's because function f() {} is semantically var f = function() { return "foo" } and includes the awesome brain-wrecker heisenbug potential that is var hoisting.
Making something do something it wasn't intended to do is like masturbation: it's fun and self-serving, no shaming, no judgment. But please keep it at home and don't start doing it at work or in public.
--footer: is a thing ... because is just a simple CSS variable, you could easily create --pimeagen: and put some value afterwards, and it will work the same, LOL.
I think this might actually be doable. Both languages are basically using the simple paradigm of “select something then apply attribute to it”. Maybe we can at least implement a basic level transpiler
Another example is a tiling window manager and workspaces. Every windows implementation has been bad and has scared people off. Whenever I see someone try tiling and workspaces, they stick with it.
13:04 could've been worse than a PDF interpreter by rendering the html/dom to canvas or an image then use OCR. Though you'd probably want to use firefox to leverage its element() css function if not just outright using screenshotting.
People use lambda assignment instead of function definition because js is a dynamic language; function definition is basically an assignment of a function to a constant, why should it have different syntax than any other assignments?
I honestly quite enjoy CSS to work with, that being said even I would not use this in production. Also fuck tailwind, it mostly just creates unreadable HTML
That was disappointing. Using Express and then saying its a CSS backend. It is the equivalent of using a templating language. I expected him to somehow make a compiler for CSS that would handle the requests, routing and basically everything that Express is doing here.
Missing the sources to the articles in the descirptions of the last videos. Was a thing that i really appreciated your videos for. Without it kinda loses me.
i was thinking if this person can get something like a finite automata going completely in CSS then it might be possible to do CSS on the backend... but then I saw npm and gave up.
@@lunafoxfire it's not like we can pipe a response directly to a server browser > get it's rendered output > and pipe that back to a client-browser with ONLY http requests. There has to be some sort of interim language at minimum for the logistics of the message passing. Reminds me a bit though of how services like fermyon's spin are now providing runtime environs for web assembly; in that we are kinda already piecemealing frontend tech.
Doing things that shouldn't be done... like a Java to C converter compatible with my graphing calculator's GCC compiler... with heap allocated strings by default!
I don't get why we are always trying to protect people from their own stupidity. If they want to use a pillowcase full of cheetos as a couch cushion `in production`, let 'em.
This is why JS coding is such a junkheap. Because people keep trying to resolve their own idea's logical inconsistencies by throwing workarounds at the problem until the problem breaks. It's not CSS backend - it's JS backend that uses the CSS as a completely unnecessary and useless model-ish thing. Except it's not even a model, because there is no database - it's merged with the database.
Style in the streets, Server in the sheets
BRUHHH
Frontwind is blowing through the streets.
serve her in the sheets 😮
I love that the suggestion being made by tailwind is that it is making it easier (running with a tailwind). Headwind (a front facing wind) for backend is perfect. Making your life needlessly difficult
Underrated. That's perfect.
HeadWind, Making backend harder since 2023
All that’s missing is the COBOL front-end and SharePoint as the database.
those are good ideas
chadstack v2 ?
Sharepoint as object store, and Access as RDB
Don't forget Power Automate HTTP connector for your public facing REST API :D
I laughed exactly this hard when I heard javascript was getting used on the backend.
So now in the back of my mind is a little twinge of fear: what if "headwind" becomes a thing?
just... maybe...
Should call it "nosewind."
Tom is so genius that he can leave alerts on and they will not disturb the video.
@@tommycallsuback tom is an 10x programmer and a genious
@@tommycallsuback The creator of JDSL, JSON as code. The greatest programming language of all time.
"Your programmers were so preoccupied with whether or not they could that they didn't stop to think if they should" - Dr I/O Malware, Legacy Park
Finally, we can hack NASA using CSS
Tom is a genius, but he's not enough genius to make CSSDL
I love that the memes still alive
Came looking for a CSSDL comment. Was not disappointed.
@14:07 gave me flashbacks to an old client that wanted us to print out a copy of each page of the site we were developing for him so he had a backup.
We even had to mail it out to him as he was refusing to pay his bill 😢
A picture of the site, or source code?
@@DMWatchesTH-cam Each page of the site, not the code.
@@daedalus5070 Jesus christ 🤣
@@DMWatchesTH-cam I used to imagine him handing it to another agency saying he wanted to move the hosting and just hands them 7 sheets of A4 😂
I learned CSS2, CSS3 came and it took a while to learn it, still don't know which align-[items|content|self] to use sometimes. Now they are piling on container queries, new view port units, layers, nesting, subgrid, etc.
Tailwind is a savior
until you actually need to know how those things at which point tailwind has robbed you of something vital
@TheNewton it's not a fundamental law of nature(css), just style your website with whatever method allows you to convert the most users in the shortest amount of time. If it's done in webflow, tailwind or whatever, as long as results are met, it doesn't matter
@@tensor5113I agree, use the tools you know the most so you don't get fcked up everytime you go back and change something.
Seriously, I am tired of fundamentalists. It's a fcking tools, not a Bible or Qur'an to be followed. You won't be damned to hell if you use Tailwind.
There was someone who made a whole multi stage game in pure CSS for one of those online css contests. It was really good game. Let me see if I remember where it was hosted.
Did you ever remember where it was hosted?
@@phrasedparasail9685 bruh it's been 6 hours let them cook
@@sciencedude22Bro overcooked I think 🤔
@@sciencedude22 Almost a year cooking
CSS is progressing as the true procedural programming language for full stack development.
We're still missing the ability to compose selectors & rules out of other selectors & rules but maybe the Houdnini spec will open such doors.
I already see it! HTMX on frontend and CSS on the backend. Powered with leptos and actix! 💀
I would honestly prefer to scrape off my entire skin with sandpaper
@@soooslaaal8204mental self flagellation to physical self flagellation pipeline
`float` like a butterfly, sting like a .
“Float is the best. We all float here.” - The Pennywise’agen
All the data- and double dash things are data attributes and css variables, respectively. So, POST requests weren’t added to CSS in the spec, but rather with the interpreter
loved the arrow function rant at 10:30, but arrow functions with variables are nice when you wanna be really pure-function-y and _avoid the return statement_ ala `const add = (a, b) => a + b;`
Shit like this is why aliens have stopped visiting us.
btw the "Doom on the pregnancy test" doesn't run on the pregnancy test, he used just the display of the test, connected to some microcontroller.
Truly cursed is the idea of a CSS state machine. There's an article on CSS Tricks explaining how to make one.
Prime I am your long lost son
"You wouldn't download a website" gives off some early 2000s vibes.
In 20 years: A new CSS framework for all your web needs.
16:25 this is "data-*" HTML attributes, Prime. CSS can access them as a "normal" selector.
Formally it's 'attribute selector' syntax; example get all relative links on page: a[href^='/']
Back when I was learning Python I was building a OSINT framework. Didn't understand sys.path and thus didnt even try using importlib (to run arbitrary other python scripts from entrypoint). Instead, went ahead and wrote implementation using dynamic programming (which I didnt know as a concept) to have an input() menu and dynamically write out to bash files to run the selected script. Then would use os package to execute `./*.sh` from a virtual shell (after having failed trying to dynamically write out to python files and dynamically execute them using the same method. p.s. could probably get it working now but refuse). so had python conditionally writing to bash files and executing them which would then execute other arbitrary python scripts. Impressed? I know you are. P.S.2 - when you try doing this method with an extra bash+py layer (5 total), you will automatically have your mental lexicon of English transpiled to a mixture of Python, Prolog, and hyperscript. Just say 'yes please' into your camera and use your speaker as a mic, then transmit pythagorean-tuned FM packets from your frontal lobe and you'll be teleported to holographic pleroma of a webgl powered miami FL where we'll take a spring coding break
There's one aspect of using arrow-functions not covered by named function syntax: constness.
const f = ()=>"foo"; f = ()=>"bar"
is a syntax error. Whereas
function f() { return "foo"}; function f() { return "bar" }
is "perfectly valid" JS unlike
const function f() { return "foo" }
which is a syntax error. And that's because function f() {} is semantically
var f = function() { return "foo" }
and includes the awesome brain-wrecker heisenbug potential that is var hoisting.
The question is… is I could? 😂
I’m legit adopting that phrase in my every day life now as much as possible. 😂
Making something do something it wasn't intended to do is like masturbation: it's fun and self-serving, no shaming, no judgment. But please keep it at home and don't start doing it at work or in public.
We kept thinking if whether we can or not, but didn't stop to think if we should
I'd definitely love to see a css lexer written in css!
Now that's clean code
--footer: is a thing ... because is just a simple CSS variable, you could easily create --pimeagen: and put some value afterwards, and it will work the same, LOL.
Cascading in the streets, styles in the sheets 😎💅
next one: sql as css
I think this might actually be doable. Both languages are basically using the simple paradigm of “select something then apply attribute to it”. Maybe we can at least implement a basic level transpiler
@@GoddamnAxl oh it seems to be real, saw a reddit comment about this topic a while ago, absolutely despicable 😁😁
@@GoddamnAxl basically HTML table manipulation with display:none; very fast.
Damn we got a v16 engine, does it run on jDSL tho?
Tom dethroned by Pascal with CSS 2.0
"version": "yes"
Finally the debate is closed, CSS is a PROGRAMMING LANGUAGE
Another example is a tiling window manager and workspaces. Every windows implementation has been bad and has scared people off. Whenever I see someone try tiling and workspaces, they stick with it.
13:04 could've been worse than a PDF interpreter by rendering the html/dom to canvas or an image then use OCR.
Though you'd probably want to use firefox to leverage its element() css function if not just outright using screenshotting.
"Some Men Just Want to Watch the World Burn"
People use lambda assignment instead of function definition because js is a dynamic language; function definition is basically an assignment of a function to a constant, why should it have different syntax than any other assignments?
This is just javascript with extra steps.
Headwind is actually a Tailwindcss formatter that sorts the classes/
Rust for frontend, css for backend
Nah CPP as the frontend, CSS as the backend for more pain.
you can do that throurh webasm , the circle is almost complete
I thought you couldnt get worse than my MS Teams frontend, Flow backend, Excel database. My hubris knows no bounds
Why would I try this at home? The obvious place to implement this is at your workplace!
I was eagerly waiting for him to say, peniswind for backend CSS
*_Using power point as a data base_*
Can we prosecute this Thormier under Geneva conventions ?
I honestly quite enjoy CSS to work with, that being said even I would not use this in production.
Also fuck tailwind, it mostly just creates unreadable HTML
"Double the V8"? Wasted opportunity to say it sounds like a vegetable juice commercial.
agreed
Tom would leave alerts on
Sounds like that could cascade your server side problems
That was disappointing. Using Express and then saying its a CSS backend. It is the equivalent of using a templating language.
I expected him to somehow make a compiler for CSS that would handle the requests, routing and basically everything that Express is doing here.
Missing the sources to the articles in the descirptions of the last videos. Was a thing that i really appreciated your videos for. Without it kinda loses me.
i have a new method for getting the sources, they will be in all future videos
@@ThePrimeTimeagen Thanks for the fast response .)! With that in sight i for sure gonne stick arround - lookin forward to it!
css as backend is a cursed word
I thought it was gonna be some real cool thing, that someone figured out a way of writing css runable code, but no its just nodejs in teh background.
i was thinking if this person can get something like a finite automata going completely in CSS then it might be possible to do CSS on the backend... but then I saw npm and gave up.
And Puppeteer, no less. That's definitely cheating lol
wow it turns out that to interpret CSS you need something that can interpret CSS my disappointment is immeasurable and my day is ruined
@@lunafoxfire it's not like we can pipe a response directly to a server browser > get it's rendered output > and pipe that back to a client-browser with ONLY http requests.
There has to be some sort of interim language at minimum for the logistics of the message passing.
Reminds me a bit though of how services like fermyon's spin are now providing runtime environs for web assembly; in that we are kinda already piecemealing frontend tech.
Pascal is a genius.
I’m so scared of what web development has become. I just miss making everything with c++ (I’m a frontend dev)
>I just miss making everything with c++
this never was a thing lol
Now i can be a fullstack htmx css dev
The words "cascading" and "server" should ideally not be in the same sentence.
Worse than printers? What if: Printer Data File 👀
15:45
This is the juicy part. The rest of the time he's just rambling. You're welcome in advance
can i use tailwind with the backend?
Doing things that shouldn't be done... like a Java to C converter compatible with my graphing calculator's GCC compiler... with heap allocated strings by default!
Is this a Tom thing? It sure feels like Tom. Tom is a genius.
> Smartest man alive
Terry D.? 👀
Here we go
... again
TheAlertagen remembered to turn off alerts 🥰
How are you going to react to an article and not put the article link in the description?
You May Live to See Man-Made Horrors Beyond Your Comprehension
Now we have CSS in JS and JS in CSS 🎉
07:11 why `extended: true`?
ShardedPreferences as a document store I did it
tailwind as a backend is next
This could probably have been done with a few RegEx patterns :)
PregoDoom needs a bit of dithering or something...
"sql-connection-background-color": blue;
'headwind'
I miss the "We are webmasters" era...
I don't get why we are always trying to protect people from their own stupidity. If they want to use a pillowcase full of cheetos as a couch cushion `in production`, let 'em.
This is why JS coding is such a junkheap.
Because people keep trying to resolve their own idea's logical inconsistencies by throwing workarounds at the problem until the problem breaks.
It's not CSS backend - it's JS backend that uses the CSS as a completely unnecessary and useless model-ish thing. Except it's not even a model, because there is no database - it's merged with the database.
Seems like someone is smarter than Tom
Skyrim is trying to beat doom at its own game. Is it a good idea for them? I dont know.
tailwindcss is already backend. cause it is tail.
Say what now?
More like V64
CSS is so cool.
Floats?... Better?... No please 😢
It's beautiful, I hate it.
Wth, is this real?
please do not
NO GOD! PLEASE NO!!! NOOOOOOOOOO!!!!
yet... oh just yet you want to see it happening
i want sql frontend
Watch at 1.5 speed if you have ADHD
someone make regex as backend
Some people just want to watch the world burn
Primeagon is a 10 but he says squeel 🙂
~pff
1 = 2
float yourself