Dunno if you guys gives a damn but if you are bored like me during the covid times then you can watch all the new movies on Instaflixxer. Been binge watching with my brother for the last months :)
@@JamesQQuick Vite is such a great tool for scaffolding out: Vanilla, React, React TS, Vue, Vue TS, and some more boilerplates. And it's super fast. I use Vite nowadays instead of Create React App. It's a lot faster and also, it's quite easy to set up Tailwind in any Vite app
@@MaxProgramming I've had no luck getting it to work with vanilla JS, I've followed the exact setup on the Tailwind Labs videos, but it's not being converted into my "dist/assets" folder. I've triple-checked everything but no change.
@shobowale tola joshua I'm watching it right now and I have the same problem but I think the whole thing has changed since v3 came out, but not sure 100%
no a blank HTML file is HTML. javascript is a javascript file. You should google "seperation of concerns". And if you just want a CSS to throw in to a HTML then you should look at Bulma CSS or Bootstrap
Thanks for the tutorial. I only heard of Tailwind but never worked with it. But, man, is this such a cumbersome setup....
This has to be best video out there on tailwind setup for vanilla HTML
Thanks James really appreciate.
so far the best video on tailwind installation on youtube :)
Yay!!!
I love Tailwind CSS!!
Samesies :)
Dunno if you guys gives a damn but if you are bored like me during the covid times then you can watch all the new movies on Instaflixxer. Been binge watching with my brother for the last months :)
@Dylan Milo Definitely, have been using InstaFlixxer for years myself :)
absolute nightmare tailwind to setup. i've followed every video on installing this and it's hopeless. Followed your instructions exactly.
One quick suggestion:
_const purge = process.env.NODE_ENV === 'production' ? true : false_
can be transformed into
_const purge = process.env.NODE_ENV === 'production'_
Haha yep. I realized that right after. I originally was using it differently and didn’t go back and update that part. Great catch
Hurrah for Tailwind CSS!
Yayyyyy:)
Tailwind CSS is Love!!
Yes Sir, more TailwindCSS please. BTW any trick to get rid of the @tailwind directive warning in the CSS file in VS Code?
You have mastered the art of creating Thumbnails
haha I'm trying to get better
@@JamesQQuick its working!
I'm not sure what this has to do with using JS and tailwind at the same time but thank you
Thank U sir for this video!
You’re very welcome!
More TailwindCSS! 🙏😁
Hey James! Great video!
Mind me asking which theme you’re using here?
At 2:11. The style-z moment 😂
Hahaha had to make sure to emphasize the last part
Could you please tell the camera model, lens and mic you use?
Tailwind is great! What is tailwind?
Hey, what theme are you using? Looks cool. Also, this is amazing
codeSTACKr theme
@@rahulsriram6295 thank you
Ya he actually commented on the video :) go tell him you like it :)
@@JamesQQuick who is the theme creator? @rauhl?
@@ericzorn3735 codeSTACKr with a tick
3:34 whats 731.8k (gzipped:91.2k) file size? Which extension?
How do I get the rotating courser thing
i am using tailwind css with next js but when i deploy my website the tailwind css not working it do not get pplied in my website how to solve
"watch `npm run build` ./dist" not working for me. there is no folder named dist. no such file or directory,
TMNJ!!!
What does that stand for? Lol
@@JamesQQuick - Spelling error, TMNT! I have the same shirt.
Ahhhh got it. Yassss!!!!
what font that you used in your vscode? great video and explanation btw
Thank you! And it’s cascadia code
Yeah, it works, but what is the point of it, if i cannot use tailwind JS?
Why not just use vite it is great for setting up boilerplate and then we can setup tailwinds
Maybe so. I’ve never used it. I’d love to know more!
@@JamesQQuick Vite is such a great tool for scaffolding out: Vanilla, React, React TS, Vue, Vue TS, and some more boilerplates. And it's super fast.
I use Vite nowadays instead of Create React App. It's a lot faster and also, it's quite easy to set up Tailwind in any Vite app
I agree, Vite is really powerful and great! It just needs some more reach!
@@MaxProgramming I've had no luck getting it to work with vanilla JS, I've followed the exact setup on the Tailwind Labs videos, but it's not being converted into my "dist/assets" folder. I've triple-checked everything but no change.
@@J90JAM Are you using TOTAL VANILLA JS or using something like Vite?
watch is affected by prototype pollution
Fuck so you can do this? I tend to add vanilla css just to get it interactive and be programmed by JS. Didn't realize this was possible.
haha yep!
npx tailwindcss -o tailwind.css --watch
@shobowale tola joshua I'm watching it right now and I have the same problem but I think the whole thing has changed since v3 came out, but not sure 100%
How is this vanilla js? Vanilla js is a blank html file with a script tag. You rattled off like 5 different dependencies, along with entire npm setup.
no a blank HTML file is HTML. javascript is a javascript file. You should google "seperation of concerns". And if you just want a CSS to throw in to a HTML then you should look at Bulma CSS or Bootstrap
SoC in webdev is Structure (HTML) Design (CSS) Functionality (JS)
Too much npm, doesn’t feel very vanilla js