Normally I don't comment on videos like this but let me say getting tailwind to run is the hardest part about it. I've watched many videos and none of them worked until I stumbled upon this video. You've explained the process so easily and everything works perfectly. Thank you, sincerely.
Thank you so much dude everybody is teaching how to use and learn tailwind but literally nobody has explained the setup for tailwind before use and it's really a crucial step, a separate video has to be made for this like you did, thank you so much dude it helps a lot ❤
As the comment below states, getting tailwind set up is the hardest part, i have spent the best part of a morning running around the internet looking for fixes to problems i encountered following other peoples tutorials. The came across this and it worked straight away. Thanks man, you saved the day!
I agree that by far this tutorial is the first one I followed and worked so I never make any comment except this one as it help me to run my firs tailwind . Thanks for the lecture please keep doing what you doing it will make the world better place for helping developers who stuck .
Hello my fellow people of the internet. So ive been trying to learn how to install tailwind this way for months. This mans video was the best one. Now if your like me a lot of these tutorial videos tell you to download node js. When i tried this the first time it didn't work that's because on my mac Os , i had an outdated version . So the fix was me downloading a previous version of node js that was compatiable with my OS at the time. then node js was able to be installed via terminal. Hope this helps. !!!!! - Z
Thanks a lot for your video. I have watched a lot of videos but none of them worked for me. I really like how you took your time in teaching the setup. I have been trying to run tailwind for days. Thanks a lot, I'm glad I chanced on your video.
Thank you so much for this video! It's surprisingly difficult to integrate tailwind with basic html code. I watched so many videos on youtube and only this was able to help me out. I'm so happy, been trying to solve it for days now. You went over everything in detail and it was so helpful, thanks again!
Thanks. If someone has problems with the input.css (recognize problems), you need to install the extension "PostCSS Language Support" and will be fixed
Unreal! Thank you so much. I have struggled with this for so long, but that was until I found you. A million thanks for this. You made it so easy and clear.
Since you made it so simple and straightforward, I can utilise Tailwind without any problems. I watched a lot of other videos about installing Tailwind, but every time I had issues running my project on the server.
I was about leaving without commenting, but I realized that it is unfair.. Thank You SO SO Much and I mean it. I am new to Tailwind and your methods and steps helped me, so thanks a whole lot
Normally I don't comment on videos like this but let me say getting tailwind to run is the hardest part about it. I've watched many videos and none of them worked until I stumbled upon this video. You've explained the process so easily and everything works perfectly. Thank you, sincerely. 😃
This is the best video I've ever seen about how to set up tailwind. I tried videos from great programming channels, but my tailwind wasn't working properly until I watched this video. 🥰
hey man, just wanted to say thank you for this, trying to build a personal website at the moment with tailwind and your tutorial helped a lot, hope you see this and it makes you smile, cuz this video sure made me smile, many thanks ❣
I like your videos. They straight forward, well-explained, and concise. I'll suggest that you create complete online courses (if you haven't done so already). That will help a lot of people.
Thank you man.This is exactly what I was looking for. Now I can utilize Tailwind Css without any problems. Thanks Again. You Have earned New Subscriber.
Thanks alot bro. I watched some Indians videos. I followed them from start till end but in there system it was working completely fine but in my PC it didn't. Your tutorial was amazing and simple and solved my problem. THANKS AGAIN.
amazing these are the kind of videos beginners like me need especially when catering to new technologies as the guide they show on the websites skips steps Thank you so much for this
Thanks a lot man! I've been referring to many tutorials but all of them were from 2021 or older and they were not working. Applied the search filter on youtube and found your video. Its working and all setup now. Thanks for this tutorial! Subscribed.
I had the same problem! thankyou @Devtamin i'm def. suscribing your channel! Btw do you know how to install and set up Tailwind in a React proyect? is it any different from this set up? does React automatically watches the css? thx..
Thank you so much for this video. I have repeated the same process as you with the same structure. I have Tailwind 3.3.3. For some reason, it doesn't update and it tells me "warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. What I could possibly get wrong?
Yes, this is it! A short but working guide on how to set up Tailwind. I've been searching for this for ages. I do have a question though, is it alright to put input.css and output.css in the same folder? So that there aren't much directories to keep track of.
What's the procedure if you want to make another website using tailwind? Do you have to go through the terminal stuff again? Or do you make a template folder ? Just like to say your video really helped me with installation. I followed many videos, but all were not easy to follow or made install confusing. Thanks to your video I can finally try this out. If you can answer my 1 st question, that would be very handy about templating Tailwind for continued use.
if the html file is in other folder will tailwind work by injecting that "npm run dev" in that html file ? Or i have do the same process in every folder ?
My VS Code is showing a problem. It says "Unknown Rule at @tailwind", which happened as I pasted it on input.css file, am I missing something? Edit: Nevermind, I learned that css kinda conflicts with tailwind on vs code, so I had to put this in the settings.json. Hope it helps someone lol. { "css.validate": false, "scss.validate": false, "less.validate": false }
can you explain this more specifically. coz i am also facing the same damn problem. where to find this settings.json to paste the following lines of code you just gave??
Normally I don't comment on videos like this but let me say getting tailwind to run is the hardest part about it. I've watched many videos and none of them worked until I stumbled upon this video.
You've explained the process so easily and everything works perfectly. Thank you, sincerely.
You're welcome. I appreciate your comment.
exactly!
I have to say this was the best video when it comes to setting up Tailwind! Clear instructions and straight to the point! Thanks a lot!
You're welcome. Please, subscribe
Thank you so much dude everybody is teaching how to use and learn tailwind but literally nobody has explained the setup for tailwind before use and it's really a crucial step, a separate video has to be made for this like you did, thank you so much dude it helps a lot ❤
Happy to help!
As the comment below states, getting tailwind set up is the hardest part, i have spent the best part of a morning running around the internet looking for fixes to problems i encountered following other peoples tutorials. The came across this and it worked straight away. Thanks man, you saved the day!
You're always welcome
This was exactly what I was looking for, you have saved me from mindlessly scrolling through youtube to find answers
You're welcome. Please, subscribe
I agree that by far this tutorial is the first one I followed and worked so I never make any comment except this one as it help me to run my firs tailwind . Thanks for the lecture please keep doing what you doing it will make the world better place for helping developers who stuck .
Hello my fellow people of the internet. So ive been trying to learn how to install tailwind this way for months. This mans video was the best one. Now if your like me a lot of these tutorial videos tell you to download node js. When i tried this the first time it didn't work that's because on my mac Os , i had an outdated version . So the fix was me downloading a previous version of node js that was compatiable with my OS at the time. then node js was able to be installed via terminal. Hope this helps. !!!!! - Z
Thank you for sharing. I hope it helps other people.
Thanks a lot for your video. I have watched a lot of videos but none of them worked for me. I really like how you took your time in teaching the setup. I have been trying to run tailwind for days. Thanks a lot, I'm glad I chanced on your video.
Thank you
Thank you so much for this video! It's surprisingly difficult to integrate tailwind with basic html code. I watched so many videos on youtube and only this was able to help me out. I'm so happy, been trying to solve it for days now. You went over everything in detail and it was so helpful, thanks again!
simple, effective, straight to the point in only 7 Minute. Excellent. Well done my friend👏🏾👏🏾
Thank you for a comment
Love to see a video that just gets on with it! Great tutorial
You got it!
Thanks. If someone has problems with the input.css (recognize problems), you need to install the extension "PostCSS Language Support" and will be fixed
Thank you for sharing
This is the best gest started tailwind tutorial i have watched so far , it actually works👌✨️
This is by far the easiest Tailwind CSS set up video. Thanks man
You're welcome
Unreal!
Thank you so much. I have struggled with this for so long, but that was until I found you.
A million thanks for this. You made it so easy and clear.
Since you made it so simple and straightforward, I can utilise Tailwind without any problems. I watched a lot of other videos about installing Tailwind, but every time I had issues running my project on the server.
I'm glad it helps. Please, subscribe
This channel deserves more subscribers.....This video helps me everytime I get stuck with tailwind.....Thanks
My pleasure!
bro where were you when I've been struggling for days !! thanx a lot man
Any time
I love you. You helped me a lot in understanding tailwind setup. I almost gave up
keep going
SUPERB tutorial, same experience here with others, all other videos are too wordy and worst doesn't work, your video is simple and straighforward
Glad it helped
I was about leaving without commenting, but I realized that it is unfair.. Thank You SO SO Much and I mean it. I am new to Tailwind and your methods and steps helped me, so thanks a whole lot
You got this!
after 2 days trying to install i found this video. Thanks my man appreciate it.
Great to hear !! Please, subscribe
Normally I don't comment on videos like this but let me say getting tailwind to run is the hardest part about it. I've watched many videos and none of them worked until I stumbled upon this video.
You've explained the process so easily and everything works perfectly. Thank you, sincerely. 😃
Thank you so much for the comment
commenting again because something messed up and re-watching this helped, love you bro
I appreciate all of your comments
An informative video! I learned a lot because you get to the point; no long-winded explanations. Well done. Thank you.
Glad it was helpful! I really appreciate your comment. Please, subscribe
When I type"node -v"on the terminal, I get an error what do I do? Pls help @Devtamin
Thank you for the video, and for the tips on how to create alternate files. You have my like.
Glad it was helpful!
This is the best video I've ever seen about how to set up tailwind. I tried videos from great programming channels, but my tailwind wasn't working properly until I watched this video. 🥰
Glad it was helpful!
hey man, just wanted to say thank you for this, trying to build a personal website at the moment with tailwind and your tutorial helped a lot, hope you see this and it makes you smile, cuz this video sure made me smile, many thanks ❣
Glad I could help!
I like your videos. They straight forward, well-explained, and concise. I'll suggest that you create complete online courses (if you haven't done so already). That will help a lot of people.
Thank you for suggestion !! I do have a video tutorial about Tailwind. Please, check it out th-cam.com/video/yWCMI3dsSog/w-d-xo.html
Such a wonderful explanation of getting Tailwinds installed, how to make a quick test index and what is required to upload to host. Excellent work!!
Glad it was helpful! Please, subscribe
You save my bro and my pc too, I've been blaming my pc to be old until I got to your video. Thanks
No problem 👍
Thank you man.This is exactly what I was looking for. Now I can utilize Tailwind Css without any problems. Thanks Again. You Have earned New Subscriber.
Thanks alot bro. I watched some Indians videos. I followed them from start till end but in there system it was working completely fine but in my PC it didn't.
Your tutorial was amazing and simple and solved my problem. THANKS AGAIN.
Glad I could help
I have to say this is the best video on youtube for setting up tailwind
Thx
The best tutorial on TH-cam.
Great to hear that!!
Your video is the best for getting started with tailwind css!!!
MAN, now looking at it, things are so easy when explained correctly
I was using cdn by now
thx so much :]
You're welcome !! Please, subscribe
how do you have does icons at the side like for tailwind and dist folder have their own icon
I think I've install Material Icon Theme
Wow! Well taught. You have not just shown the steps but explained what those codes are for. Fantastic!
Glad it was helpful!
You earned a subscription from me, @@Devtamin
Woow it is so much helpfulll
Greate to hear it
amazing these are the kind of videos beginners like me need especially when catering to new technologies as the guide they show on the websites skips steps Thank you so much for this
Glad it was helpful! Please, subscribe
Really had a hard time trying to setup this one myself, thank you a lot for the help.
Glad it helped!
you are the most person helped me in my first step configuring tailwind, thank you
You're welcome. Pls, subscribe
Thanks a lot man! I've been referring to many tutorials but all of them were from 2021 or older and they were not working. Applied the search filter on youtube and found your video. Its working and all setup now. Thanks for this tutorial! Subscribed.
You're welcome. I appreciate your comment and subscription
I had the same problem! thankyou @Devtamin i'm def. suscribing your channel! Btw do you know how to install and set up Tailwind in a React proyect? is it any different from this set up? does React automatically watches the css? thx..
nevermind i just find your video on tailwind set up for React!! thx
th-cam.com/video/1WdL1TLfkYo/w-d-xo.html
@@srta.carlota696 Thank you for subscription
same here
This was very helpful as a designer who knows HTML/CSS!
oh my god you just saved my life! trying to get tailwind w/o a frontend framework is a pain!
glad it was helpful
brother you teach simply how to run tailwind css properly god bless you and thank you so much.
🎉🎉🎉🎉🎊🎊
It's my pleasure!! Please, subscribe
everything working except there is no color strip behind the text ( 5:00 )
you have to install Tailwind CSS IntelliSense on Visual Studio Code
thanks sir!
we would not know anything if your video didn't exist
You're welcome
I finally got tailwind css to work. Thank you very much !
Great! I hope you enjoy it
Usually, I don't comment, but I really liked your way of teaching. Keep it up
Thank you! 😃
Really Helping Video brother.... Good job ♥️♥️
Glad to hear that !! Please, subscribe
Nice video looking forward to watch more
Awesome thank you!
Straight to the point. Thank you so much!
You're welcome! I really appreciate your comment. Pls, subscribe
You deserve more subsribers thank you for this easy guide.
Glad it helped
I have language handicap but u are a good teacher. Thanks so much...
It's my pleasure
You rock, ok? Keep such videos coming, ok? This one is great, seriously!
I highly appreciate your comment. Will try to make more quality videos Please, subscribe
That's the video I was looking for. Thanks a lot ♥
You're welcome. I really appreciate your comment. Please, subscribe
bro you just saved my life...thanks a lot
You are most welcome
You sir! makes the installation of Tailwind easy. Arigthanks goSomuch!
Happy to help
Thank You,
This is the only thing that has worked for me
You're welcome
Brother....
You're awesome 💯💯💯💯
Thanks ✌️
Yooo man, You just saved my life. Thanks a bunch
Glad I could help
Thank you so much. After countless tutorials this is the best one that helped me get started.
Thank you so much for a comment!! Please, subscribe
This video really works for me Helpful
Glad to hear that !
Wow that was extremely easy to understand and follow! I'm subscribing
Awesome, thank you!
simple and to the point, great video!
You're welcome
You made my day thnaks for giving appropriate information about Tailwind installation
You’re welcome
Thank you so much for this video. I have repeated the same process as you with the same structure. I have Tailwind 3.3.3. For some reason, it doesn't update and it tells me "warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. What I could possibly get wrong?
i got ittt. thank you for your help and have a happy new year
Happy new year!
thank you bro this is the best vedio for stting up tailwind in vscode
Glad it helped
Thank you buddy :)
Keep up the great work. Love Love
Thanks, will do!
Crystal clear explanation about the tailwind setup thanks man .u gained my sub ❤
Yes, this is it! A short but working guide on how to set up Tailwind. I've been searching for this for ages. I do have a question though, is it alright to put input.css and output.css in the same folder? So that there aren't much directories to keep track of.
You can do it, just make sure you change the path
What's the procedure if you want to make another website using tailwind? Do you have to go through the terminal stuff again? Or do you make a template folder ? Just like to say your video really helped me with installation. I followed many videos, but all were not easy to follow or made install confusing. Thanks to your video I can finally try this out. If you can answer my 1 st question, that would be very handy about templating Tailwind for continued use.
it doesn't matter. Both of them will work the same. It depend on which one you prefer the most
Solid job my dude. That was a huge help.
Man, such a helpful video it is. Just solved my problem to click build again and again
Happy to help
Thanks man for very easy steps and short but sweet video...❤
You're welcome. Pls, subscribe
Thanks man.
This really broke it down for me...
Problem solved.
Thank you for explaining it to me. It's very clear.
Glad to hear that! Please, subscribe
Only this video worked for me after i tried various tutorial
Glad it helped
Wow. Thank you, this was soo easy to follow and understand your inside tips. I subscribed. Thanks!
Thanks for the sub!
thanks bro from Bangladesh ❤❤❤❤❤❤
You're welcome
Finally !!! BROO Thanks a lot , been stuck at this for an hour,
Glad it helped!
You’re the best 🎉🎉🎉🎉🎉🎉❤
Thank you for a comment
hello , i have followed your steps but when it gets to actually using css the effect doesnt appear, like you did the bg-color
You have to install Tailwind CSS IntelliSense on Visual Studio
Thank you very much for the clear and well-explained tut!
Glad it was helpful!
Good video. But I didn't understand the part at the end about the host like at 6:50
such a nice video so helpfull..thanks
So nice of you
Great video mate short and simple .
I appreciate your comment. Please, subscribe
Thanks for the straightforward explanation. Easy and to the point. Thanks alot.
Great tutorial man! well done. :)
Thank you for a comment. Please, subscribe
Amazing. Thank you so much!
You're very welcome!
if the html file is in other folder will tailwind work by injecting that "npm run dev" in that html file ?
Or i have do the same process in every folder ?
Thank you so much...... You explained it really well.
Glad it was helpful!
Your video super precise and clear
Thanks
Glad it was helpful! Please, subscribe
Thank you Devtamin very straight forward!
It worked bro, I'll definitely subscribe
My VS Code is showing a problem. It says "Unknown Rule at @tailwind", which happened as I pasted it on input.css file, am I missing something?
Edit: Nevermind, I learned that css kinda conflicts with tailwind on vs code, so I had to put this in the settings.json. Hope it helps someone lol.
{
"css.validate": false,
"scss.validate": false,
"less.validate": false
}
can you explain this more specifically. coz i am also facing the same damn problem. where to find this settings.json to paste the following lines of code you just gave??
what would i have done without this
Glad it helped!