Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 268

  • @lukas.webdev
    @lukas.webdev  Рік тому +113

    Like this comment if you want to see a whole video about Responsive Design with Tailwind CSS or more videos about Tailwind in general … 👍
    
If you have another topic that you want me to cover, leave me a comment. 😉⬇

    • @lukas.webdev
      @lukas.webdev  Рік тому +3

      The next video about Tailwind CSS is already in the making and I will probably drop it this weekend - so don't forget to subscribe to get notified when I post the video. 😉

    • @ngonidzashesendama2471
      @ngonidzashesendama2471 Рік тому +2

      @@lukas.webdev Already subscribed! 🙂😊 I would be delighted if we could collaborate on a live stream, working on Tailwind CSS projects for web and mobile applications (react native and tailwind css)
      .

    • @lukas.webdev
      @lukas.webdev  Рік тому +2

      ​@@ngonidzashesendama2471 Welcome! This really means a lot to me. 🤩
      Thanks for this great idea, I’ll think about it ... 😉

    • @Jjextreme4411
      @Jjextreme4411 Рік тому +2

      excellent Lukas,, looking forward to more!

    • @mr.fanstastic9010
      @mr.fanstastic9010 Рік тому

      what do you mean by navigating to a folder?

  • @salijoghli
    @salijoghli Рік тому +36

    0:48 my man stared into my soul. couldnt't do anything but to like the video

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      Awesome, I'm happy to hear that my plan worked!! 😄💪
      Thanks a lot buddy, I really appreciate it. 😉

    • @edgargill7828
      @edgargill7828 Місяць тому

      you weak. wont make the food chain.

  • @ritamkayal1153
    @ritamkayal1153 Рік тому +19

    Trust me if you make in depth tutorial about web development your channel will take off like a rocket. Your teaching style is really amazing. Keep the good work doing. Thanks for making such videos

  • @codeakmnru
    @codeakmnru Рік тому +36

    This is the best Tailwind CSS video on UA-cam! It's clear, concise, and engaging. Most UA-cam mentors don't have this teaching skill. Thank you so much for sharing your knowledge!

    • @lukas.webdev
      @lukas.webdev  Рік тому +4

      My pleasure! Thank you very much, this really means a lot to me!! 🤩
      I'm glad you like it and I really appreciate your feedback!

    • @atetraxx
      @atetraxx Рік тому

      It's the buzzing audio and reverb for me

  • @mahdishirazi5785
    @mahdishirazi5785 18 днів тому +1

    i didn't like the video when you were waiting, i said he must earn it not demand it. congratulations, you earned it. this video deserves a handful of likes

  • @binukbe4401
    @binukbe4401 Рік тому +16

    The best Tailwind CSS tutorial I have found so far. very informative. This channel needs to grow!🙌

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      Thank you, this really means a lot to me! 😉
      I'm happy to hear that and I really appreciate your feedback! ... and you're right, this channel needs to grow! 😄💪

    • @mladenkaorlic
      @mladenkaorlic Рік тому +1

      @@lukas.webdevi smashed the like button, i hate three hour tutorials!

    • @lukas.webdev
      @lukas.webdev  Рік тому

      @@mladenkaorlic Thanks, I really appreciate it! 😉

  • @ashwiniguli2070
    @ashwiniguli2070 Місяць тому +2

    7:20 for plugins related to Tailwind. Btw excellent content and teaching style..Thank you for making it. Please make more videos!

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      Thank you so much for your feedback, I'm really glad to hear that! After taking a break of over a year, I just started creating videos again. The last two I posted are all about Tailwind CSS, so they might be interesting to you as well... 😉

  • @irismaxj
    @irismaxj Місяць тому +1

    14:33 the entire customization section is super helpful! Thank you so much Lukas!

  • @carlosm.1233
    @carlosm.1233 Рік тому +12

    Thank you for the great tutorial. It was short, concise and simple to follow. Please release a series where you show us how to build different UI components and more importantly how to customize them. That would be great. You gained a Subscriber here! Keep up the good work my man.

  • @leethai98
    @leethai98 2 місяці тому +2

    Hey Lukas, I wanted to thanks to you for this video. It's clean, smooth and very useful. I really appreciate it !!!

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      Thank you, this really means a lot to me! I'm happy to hear that and I really appreciate your feedback! 😉

  • @kingsbeetv7437
    @kingsbeetv7437 28 днів тому

    This tutorial is the best tailwind tutorial I have been looking for, Thanks for sharing

  • @Romulan1993
    @Romulan1993 Рік тому +2

    Excellent channel. No idea how you don't have more subscribers.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks, this really means a lot to me! I really appreciate your feedback. 😉

  • @camilaalbuquerque1371
    @camilaalbuquerque1371 8 місяців тому +2

    much more helpful than many long articles or tutorials! thanks a lot for this video :D

  • @PurnachandraBandaru-e4c
    @PurnachandraBandaru-e4c 3 дні тому

    Very good video. Short but, comprehensive. 🔥🔥🔥 Keep them coming

  • @yuriyzadorozhnyi3849
    @yuriyzadorozhnyi3849 Рік тому +1

    Дякую Вам за потрібну мені інформацію ! Thank you so much! Lots of love from Ukraine !

  • @StephenKarsch
    @StephenKarsch 10 місяців тому

    Nice one. I've been struggling on and off with tailwind for a little bit, mostly the customization of components, but your explanation was very clear and concise and got me up and running quickly. Thank you!

  • @andresobon8714
    @andresobon8714 3 місяці тому

    Best intro to tailwind I've come across so far

  • @TheNewWebDeveloper
    @TheNewWebDeveloper Рік тому

    Thanks Lukas! I was confused why it wasn't working. Watching your video helped me realize that I was doing the installation of Tailwind CLI when I needed to be doing Tailwind CSS with Vite.

  • @AvaneeshKumarSingh
    @AvaneeshKumarSingh Рік тому +78

    Release a full series on tailwind. Not by building a clone of any popular site, rather showing us how to create and use numerous UI elements in multiple projects.

    • @lukas.webdev
      @lukas.webdev  Рік тому +14

      Sounds like an interesting idea to me! Thanks, I’ll think about it. 😉

    • @AlbertoRodriguezIII
      @AlbertoRodriguezIII 10 місяців тому

      @@lukas.webdev This would be great!

  • @20C016DanielInigoMCSE
    @20C016DanielInigoMCSE Рік тому +4

    nice one waiting for the full vdo on responsive design

    • @lukas.webdev
      @lukas.webdev  Рік тому +2

      Thanks for your feedback. I'm on it 😉
      Don't forget to subscribe, to get notified when I drop the video...

    • @lukas.webdev
      @lukas.webdev  Рік тому

      BTW: The new video is already online... 😉

  • @lindawang3008
    @lindawang3008 2 місяці тому

    Very clear and concise! Learned a lot in less than half hour! Thank you very much for taking effort to make the tutorial!

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      You're welcome, Linda! Thanks for the feedback, I'm glad it was helpful to you! 😉

  • @srizonsansar
    @srizonsansar 5 місяців тому

    Really a nice video, well explained, Tailwind CSS clear at one shot. I hope you will add more videos soon on other topics too.

  • @wadejohnson4542
    @wadejohnson4542 Рік тому +3

    Well done. Yes, please include more on mobile-first design with Tailwind. As well as creating custom classes.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thank you for your feedback. I really appreciate it! 😉
      The video about Responsive Design with Tailwind CSS is already in the making and I will probably drop it this weekend - subscribe to get notified when I post the video 🤙

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      BTW: The new video is already online... 😉

    • @wadejohnson4542
      @wadejohnson4542 Рік тому +1

      @@lukas.webdev I'm on it! Thank you so much for sharing your knowledge and helping others.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      @@wadejohnson4542 My pleasure! 😉

  • @MazharAli-uq3sx
    @MazharAli-uq3sx Рік тому +1

    Awesome dear Soo gald to see your video

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thank you! I'm glad you like it and I really appreciate your feedback! 😉

  • @vikumvirajmanchanayaka3163
    @vikumvirajmanchanayaka3163 Рік тому +5

    straight to the point, best explanation🙌

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thank you very much, I really appreciate it! 🤩

  • @muhammadjonnazarov146
    @muhammadjonnazarov146 4 місяці тому

    Very useful tutorial content, special thanks for your tutorials. Very simple and clear in teaching. Keep going

  • @xungka
    @xungka Рік тому +1

    Thank you. Amazing video, you're make my day Lukas. You have 1 subcriber more here, keep going bro!!!

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      My pleasure, buddy! Thank you for your feedback and for the sub, this really means a lot to me. 🤩

  • @glenfordholder6441
    @glenfordholder6441 3 місяці тому

    Glad i found this teacher will like to see more tailwind and react lessons.

  • @chicagorealtynow
    @chicagorealtynow Місяць тому +1

    Thank you for making this so easy :)

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      My pleasure! I’m glad you like it and I appreciate your feedback! :)

  • @SimonFabcic
    @SimonFabcic Рік тому

    I liked. But at the end, when I saw, that is worthed to like 😉
    Nice work, Lukas...

  • @LucíaAranda-k7i
    @LucíaAranda-k7i Рік тому

    This is the best video about tailwind, quick, says important stuff, it works for any framework you are working with, thank you! :)

  • @andrew_mandrichuk
    @andrew_mandrichuk Рік тому

    Thanks so MUCH love the video! dont stop and please dont quit youtube you will have a bright future!!!

  • @ainaoluwapelumi4935
    @ainaoluwapelumi4935 2 місяці тому +1

    i will love to see more videos on tailwind

    • @lukas.webdev
      @lukas.webdev  29 днів тому +1

      The last two videos I that I just posted are all about Tailwind CSS. 😉
      Thanks for your feedback.

  • @fernando19801980
    @fernando19801980 Рік тому +2

    Awesome video. Congratulations! I want to know about the "in-production" build (with optimizations) and how apply obfuscation. Thanks!

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks Fernando! I'm glad you like it and I really appreciate your feedback. 😉
      Also, thanks for the input - maybe I'll do a separate video about it.

  • @berakitesfu7008
    @berakitesfu7008 7 місяців тому +2

    Great stuff buddy, keep the good work.

  • @tioluwani6928
    @tioluwani6928 Місяць тому +1

    Great One! Thank you.

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      You're welcome! Thanks for the feedback, I really appreciate it! 😉

  • @afsarzan
    @afsarzan Рік тому +1

    Thank you for sharing , Lukas.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      My pleasure! I’m glad you like it and I appreciate your feedback. 😉

  • @Jaxonoopiii
    @Jaxonoopiii 2 місяці тому +1

    Amazing way of teaching 🎉🎉

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      Thank you very much, I really appreciate it! 😉

  • @shreeramk
    @shreeramk Рік тому +1

    Awesomw explanation about tailwind css....

    • @lukas.webdev
      @lukas.webdev  Рік тому

      I'm glad you like it, thanks for your feedback! 😉

  • @Hamza-Pro-Dev
    @Hamza-Pro-Dev 3 місяці тому

    Polite, To the Point , Awesome Guide ! You Helped me bro !

  • @bernardsamapoh3619
    @bernardsamapoh3619 Рік тому

    Your teaching skills are awesome.

  • @sulaga7992
    @sulaga7992 3 місяці тому

    short and to the point. thank you

  • @Ownagin
    @Ownagin 7 місяців тому +1

    Great video mate, straight to the point, useful information 👐

  • @MG-wx8yx
    @MG-wx8yx 4 місяці тому

    I've been skipping this video for so long, now that I've watched it I feel stupid for not watching it sooner. I'm glad I did, although a bit late. Thanks Lukas for your clear explanation.

  • @sachinthaprasad1388
    @sachinthaprasad1388 Рік тому +1

    This is awesome content bro you saved many hours. So thank you very much!! I became one of your subscriber 🙌

    • @lukas.webdev
      @lukas.webdev  Рік тому

      My pleasure, buddy! Thank you so much for your feedback and for the sub, it means the world to me!! 🤩

  • @rheavictor7
    @rheavictor7 Рік тому +1

    Very good tutorial, straight to the point, thanks!

    • @lukas.webdev
      @lukas.webdev  Рік тому

      My pleasure! I’m glad you like it, thanks for your feedback. 😉

  • @K_Andreas
    @K_Andreas Рік тому +1

    oh yes, I love tailwind because it is processed quickly by the browser. You can also assign classes for everything. I find that useful. But I'm still at the very beginning. I didn't even know that you can define your own classes (customize tailwind) . Now, of course, I want to learn more about it. So, as for me, I'm up for more interesting lessons for us folks all over the internet. 🤔💬💡😀👍🤗 👏📝

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks for your feedback! Yes, Tailwind is awesome and I would love to create another video about it ... I'll see what I can do 😉

  • @alperakinci
    @alperakinci 4 місяці тому

    Very clear explanation! Thanks a lot!

  • @Sem-Dev1
    @Sem-Dev1 4 місяці тому

    Great video! Keep up the good work!

  • @AvaneeshKumarSingh
    @AvaneeshKumarSingh Рік тому +1

    Just subscribed.
    Keep up the good work 💐

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      Will do! Thank you very much, this really means a lot to me! 🤩

  • @gangwang9641
    @gangwang9641 Рік тому

    thank u video, u provide a the best helpful tutorial.tailwind.css responsive design is very cool

  • @girishanker3796
    @girishanker3796 Рік тому +1

    Gold content 💜

  • @ansh_mittal
    @ansh_mittal Рік тому +1

    You are my newest favourite mentor ❤❤ great knowledge, you clear my all doubt.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thank you! This really means a lot to me. 🤩
      I'm glad I could help and I really appreciate your feedback!

    • @amruthamohan1471
      @amruthamohan1471 11 місяців тому

      ​@@lukas.webdev😊

  • @luiseliasrodriguez4327
    @luiseliasrodriguez4327 6 місяців тому

    Awesome lecture, super concise and clear, and yes you should keep doin React videos. Thanks.

  • @markantony9260
    @markantony9260 11 місяців тому

    Thank you. I really appreciate the content. Very concise, yet detailed for starters. 😁

  • @yangnina3465
    @yangnina3465 Місяць тому +1

    Amazing vedio. Saved me for three hours.😄

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      Awesome! I'm happy to hear that and I appreciate your feedback! 😉

  • @darlinmanuelcasadoperez1092
    @darlinmanuelcasadoperez1092 3 місяці тому

    great video pal!

  • @thinkerhuh
    @thinkerhuh 10 місяців тому

    THANK YOU SIR, you saved my life!

  • @joeyx4056
    @joeyx4056 Рік тому

    Very concise and easy to follow

  • @zuzukouzina-original
    @zuzukouzina-original 11 місяців тому

    Thnx for this clear video, it really help me started with tailwind css. I come from Bulma css, which is good too, but not so flexible as tailwind.

  • @ROVAKAN
    @ROVAKAN 9 місяців тому

    Non boring , initial push giving tutorial . Thats my taste , sub++

  • @aberefejiro
    @aberefejiro Рік тому +1

    Immediately subscribed

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      Thank you very much, this really means a lot to me! 🤩

  • @Pareshbpatel
    @Pareshbpatel 7 місяців тому

    A nice beginners tutorial on TailwindCSS. Thanks.
    {2024-05-16} - Subscribed!

  • @oussamamassoudi7209
    @oussamamassoudi7209 Рік тому

    amazing beginner friendly work

  • @olivermgrech
    @olivermgrech 6 місяців тому

    Hey Lukas! New to your channel, very good explanation thanks!

  • @antoanMetodiev
    @antoanMetodiev 24 дні тому

    bro, you are amazing !!

  • @mokho3027
    @mokho3027 Рік тому

    ABSOLUTELY LOVED THIS TUTORIAL. you wanted to destroy the like button. i also destroyed the follow and notification button as well.

  • @gbkEmilgbk
    @gbkEmilgbk 29 днів тому +1

    thanx for good introduction to tailwind

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      My pleasure! I’m glad you like it and I appreciate your feedback! 😉

  • @EvanceSaidi-uy5ol
    @EvanceSaidi-uy5ol 3 місяці тому

    like magic. He said i will wait . i liked the video and then he thank me wow🙂

  • @webdrakib
    @webdrakib Рік тому +1

    Please make more videos using tailwind css . I don't wanna use bootstrap any more.
    Thank you it was a great experience 😊 ❤

    • @lukas.webdev
      @lukas.webdev  Рік тому +1

      Thank you so much for your feedback, I'm happy to hear that!
      I already have: Next video will be online 1 hour ... 😉

  • @MrDinakdakan
    @MrDinakdakan Рік тому +1

    You hair looks good, thanks for the tut

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Finally someone realizes that... 😄
      My pleasure, thanks for your feedback! 😉

  • @iriam7380
    @iriam7380 9 місяців тому

    Hi Lukas, thanks for the master class. It's been amazing ! I was wondering If you could share the extension or app that you use to make your browser responsive. Thanks !!!

  • @elcontrastador
    @elcontrastador 9 місяців тому

    Very well done. Subscribed!

  • @alexlivadaru286
    @alexlivadaru286 6 місяців тому

    Thank you! Very useful tutorial!

  • @DCWang-dk2gn
    @DCWang-dk2gn 9 місяців тому

    It's GOOD for me.Thanks.

  • @Talesbynanaa
    @Talesbynanaa 4 місяці тому

    Now this is it
    Very clear ❤

  • @freddyapaka6688
    @freddyapaka6688 8 місяців тому

    another video with more details on responsive design well be very much helpful

  • @TLTechbender
    @TLTechbender 7 місяців тому

    Brilliant, straight to the point!!!

  • @Tjommel
    @Tjommel 6 місяців тому

    Awesome video. thank you!

  • @elliot_ch
    @elliot_ch Місяць тому +1

    Very useful video 🎉

    • @lukas.webdev
      @lukas.webdev  29 днів тому

      Thanks, I really appreciate it! 😉

  • @FrhankMaduka-lh5vo
    @FrhankMaduka-lh5vo Рік тому

    Concise and clear.
    Thank you.

  • @hellboy6167
    @hellboy6167 Рік тому +1

    Please do more videos on Tailwind

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks for your feedback, I'm happy that you like it!
      The next video about Tailwind CSS is already in the making and I will probably already drop it this weekend - subscribe to get notified when I post the video. 😉

    • @lukas.webdev
      @lukas.webdev  Рік тому

      BTW: The new video is already online... 😉

  • @shubhamthaker9380
    @shubhamthaker9380 11 місяців тому

    amazing content
    how do i get the pointer like you ????? that beeping pointer

  • @Doc_Jaz
    @Doc_Jaz Рік тому +1

    perfect 👍🏻

    • @lukas.webdev
      @lukas.webdev  Рік тому

      I'm glad you like it, thanks for your feedback! 😉

  • @danniellamaedviceda7325
    @danniellamaedviceda7325 Рік тому +1

    thank you Sir!

  • @nishagera9195
    @nishagera9195 Рік тому +1

    Thanks

  • @ErsteSkywalker
    @ErsteSkywalker Рік тому

    Great vid. Appreciate it a ton!

  • @Ttozyy
    @Ttozyy 11 місяців тому

    I LOVE THIS!!!! thank you so much 🙂

  • @georgiosmylonas3892
    @georgiosmylonas3892 6 місяців тому

    I had to clear the cache of vite: `rm -rf node_modules/.vite` otherwise it wasn't working for some rason.
    Great tutorial!

  • @philc787
    @philc787 3 місяці тому

    Good video well done

  • @robertejiogu1981
    @robertejiogu1981 5 місяців тому

    a responsive design on tailwind css will be very much appreciated

  • @benjminrichie
    @benjminrichie 5 місяців тому

    Amazing

  • @suganthys9353
    @suganthys9353 21 день тому

    hi. Good job. This video is very useful .and please upload responsive website part..

  • @Niko_Dola
    @Niko_Dola 4 місяці тому

    Thank you!

  • @shabab3103
    @shabab3103 Рік тому +1

    Superb man❤

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks buddy, this really means a lot to me! 🤩

  • @tafm3446
    @tafm3446 Рік тому +1

    I destroyed the like button but it respawned when I refreshed. Damn those devtools

  • @gabrielchima6916
    @gabrielchima6916 Рік тому +1

    I need responsive device in tailwind, Good lecture

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Thanks for your feedback, I'm happy to hear that!
      I've also posted a video about how to create responsive Design with Tailwind CSS ... 😉

  • @CodingCompanion-zr6vu
    @CodingCompanion-zr6vu Рік тому

    thank u sooo very much sir 🙌🙌

  • @barbarosteomankosoglu6602
    @barbarosteomankosoglu6602 Рік тому +1

    A new subscriber here. Can you please make a video about your vscode setting, like theme, cursor etc.

    • @lukas.webdev
      @lukas.webdev  Рік тому

      Awesome, welcome! This really means a lot to me. 🤩
      Thanks for your request, it's on my list now ... 😉

  • @Ayman_youtube
    @Ayman_youtube 6 місяців тому

    Thank you ,well explained