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

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 244

  • @lukas.webdev
    @lukas.webdev  Год назад +100

    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 Год назад +26

    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 22 дня назад

      you weak. wont make the food chain.

  • @ritamkayal1153
    @ritamkayal1153 Год назад +15

    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 Год назад +32

    This is the best Tailwind CSS video on RUclips! It's clear, concise, and engaging. Most RUclips 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

  • @irismaxj
    @irismaxj 20 дней назад

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

  • @ashwiniguli2070
    @ashwiniguli2070 4 дня назад

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

  • @AvaneeshKumarSingh
    @AvaneeshKumarSingh Год назад +73

    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 9 месяцев назад

      @@lukas.webdev This would be great!

  • @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.

  • @yuriyzadorozhnyi3849
    @yuriyzadorozhnyi3849 Год назад +1

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

  • @binukbe4401
    @binukbe4401 Год назад +14

    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! 😉

  • @MG-wx8yx
    @MG-wx8yx 3 месяца назад

    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.

  • @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.

  • @leethai98
    @leethai98 Месяц назад +1

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

  • @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 😉

  • @andresobon8714
    @andresobon8714 2 месяца назад

    Best intro to tailwind I've come across so far

  • @glenfordholder6441
    @glenfordholder6441 2 месяца назад

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

  • @StephenKarsch
    @StephenKarsch 9 месяцев назад

    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!

  • @EvanceSaidi-uy5ol
    @EvanceSaidi-uy5ol 2 месяца назад

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

  • @robertejiogu1981
    @robertejiogu1981 4 месяца назад

    a responsive design on tailwind css will be very much appreciated

  • @yangnina3465
    @yangnina3465 17 дней назад

    Amazing vedio. Saved me for three hours.😄

  • @ainaoluwapelumi4935
    @ainaoluwapelumi4935 Месяц назад

    i will love to see more videos on tailwind

  • @lindawang3008
    @lindawang3008 Месяц назад

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

  • @tafm3446
    @tafm3446 Год назад +1

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

  • @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! 😉

  • @camilaalbuquerque1371
    @camilaalbuquerque1371 7 месяцев назад +2

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

  • @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. 😉

  • @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.

  • @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... 😉

  • @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! 😉

  • @bernardsamapoh3619
    @bernardsamapoh3619 Год назад

    Your teaching skills are awesome.

  • @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 ... 😉

  • @chicagorealtynow
    @chicagorealtynow 12 дней назад

    Thank you for making this so easy :)

  • @georgiosmylonas3892
    @georgiosmylonas3892 5 месяцев назад

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

  • @muhammadjonnazarov146
    @muhammadjonnazarov146 3 месяца назад

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

  • @guptodhan6695
    @guptodhan6695 Год назад +1

    I'm from bangladesh,,,,,,you are really genius......

    • @lukas.webdev
      @lukas.webdev  Год назад

      Thank you very much, I really appreciate it! 🤩

  • @srizonsansar
    @srizonsansar 4 месяца назад

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

  • @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! :)

  • @sulaga7992
    @sulaga7992 2 месяца назад

    short and to the point. thank you

  • @nishagera9195
    @nishagera9195 Год назад +1

    Thanks

  • @vikumvirajmanchanayaka3163
    @vikumvirajmanchanayaka3163 Год назад +5

    straight to the point, best explanation🙌

    • @lukas.webdev
      @lukas.webdev  Год назад

      Thank you very much, I really appreciate it! 🤩

  • @Hamza-Pro-Dev
    @Hamza-Pro-Dev 2 месяца назад

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

  • @girishanker3796
    @girishanker3796 Год назад +1

    Gold content 💜

  • @navinkumarsahu1159
    @navinkumarsahu1159 Год назад +1

    Awesome video 😊 ❤️ from India

    • @lukas.webdev
      @lukas.webdev  Год назад

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

  • @ROVAKAN
    @ROVAKAN 7 месяцев назад

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

  • @Jaxonoopiii
    @Jaxonoopiii Месяц назад

    Amazing way of teaching 🎉🎉

  • @thinkerhuh
    @thinkerhuh 9 месяцев назад

    THANK YOU SIR, you saved my life!

  • @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 10 месяцев назад

      ​@@lukas.webdev😊

  • @shreeramk
    @shreeramk Год назад +1

    Awesomw explanation about tailwind css....

    • @lukas.webdev
      @lukas.webdev  Год назад

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

  • @oussamamassoudi7209
    @oussamamassoudi7209 Год назад

    amazing beginner friendly work

  • @iriam7380
    @iriam7380 8 месяцев назад

    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 !!!

  • @zuzukouzina-original
    @zuzukouzina-original 10 месяцев назад

    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.

  • @SimonFabcic
    @SimonFabcic Год назад

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

  • @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 ... 😉

  • @Pareshbpatel
    @Pareshbpatel 6 месяцев назад

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

  • @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. 😉

  • @luiseliasrodriguez4327
    @luiseliasrodriguez4327 5 месяцев назад

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

  • @tioluwani6928
    @tioluwani6928 12 дней назад

    Great One! Thank you.

  • @joeyx4056
    @joeyx4056 Год назад

    Very concise and easy to follow

  • @andrew_mandrichuk
    @andrew_mandrichuk Год назад

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

  • @gangwang9641
    @gangwang9641 Год назад

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

  • @emadmohamed5787
    @emadmohamed5787 Год назад +1

    Nice video
    Please we need a video for make a clone for RUclips by tailwind css by your amazing style 😅

    • @lukas.webdev
      @lukas.webdev  Год назад

      Thanks for your feedback, I really appreciate it. 😉
      I am actually already working on a very similar video ... so stay tuned and subscribe to get notified when I drop the video. ✌

  • @Ownagin
    @Ownagin 6 месяцев назад +1

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

  • @alperakinci
    @alperakinci 3 месяца назад

    Very clear explanation! Thanks a lot!

  • @hhossen1983
    @hhossen1983 Год назад

    Please make full tutorial about tailwind css❤️

  • @freddyapaka6688
    @freddyapaka6688 7 месяцев назад

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

  • @berakitesfu7008
    @berakitesfu7008 6 месяцев назад +2

    Great stuff buddy, keep the good work.

  • @mokho3027
    @mokho3027 Год назад

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

  • @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. 🤩

  • @darlinmanuelcasadoperez1092
    @darlinmanuelcasadoperez1092 2 месяца назад

    great video pal!

  • @Sem-Dev1
    @Sem-Dev1 3 месяца назад

    Great video! Keep up the good work!

  • @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. 😉

  • @markantony9260
    @markantony9260 10 месяцев назад

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

  • @dinesh.p8642
    @dinesh.p8642 6 месяцев назад

    Dhanyavaad ji.

  • @elliot_ch
    @elliot_ch 10 дней назад

    Very useful video 🎉

  • @aberefejiro
    @aberefejiro Год назад +1

    Immediately subscribed

    • @lukas.webdev
      @lukas.webdev  Год назад +1

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

  • @CMoDZ3D
    @CMoDZ3D 11 месяцев назад

    Nvm the tutorial. I was blown away with the like button rgb when you mentioned it

  • @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 ... 😉

  • @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! 🤩

  • @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... 😉

  • @DCWang-dk2gn
    @DCWang-dk2gn 8 месяцев назад

    It's GOOD for me.Thanks.

  • @benjminrichie
    @benjminrichie 4 месяца назад

    Amazing

  • @ranjanadissanayaka5390
    @ranjanadissanayaka5390 4 месяца назад

    Thanks for this video

  • @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! 😉

  • @Talesbynanaa
    @Talesbynanaa 3 месяца назад

    Now this is it
    Very clear ❤

  • @Niko_Dola
    @Niko_Dola 3 месяца назад

    Thank you!

  • @cturyasiima
    @cturyasiima 2 дня назад

    all i did was just destroy the like button, i really owed it to that stare😂😂

  • @adewaleadisa4346
    @adewaleadisa4346 5 месяцев назад

    well done

  • @LeonidYezerskyi
    @LeonidYezerskyi 9 месяцев назад

    Good information

  • @philc787
    @philc787 2 месяца назад

    Good video well done

  • @yashbansod1722
    @yashbansod1722 Год назад +2

    Nice video ❤❤

    • @lukas.webdev
      @lukas.webdev  Год назад

      I'm glad you like it and I really appreciate your feedback! 😉
      Many more to come - make sure to subscribe so you don't miss out... ✌

  • @FrhankMaduka-lh5vo
    @FrhankMaduka-lh5vo Год назад

    Concise and clear.
    Thank you.

  • @c10ud17
    @c10ud17 Год назад +1

    you’re the HOMIE

    • @lukas.webdev
      @lukas.webdev  Год назад

      Thanks buddy, I really appreciate it! 😉

  • @olivermgrech
    @olivermgrech 5 месяцев назад

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

  • @danniellamaedviceda7325
    @danniellamaedviceda7325 Год назад +1

    thank you Sir!

  • @wolfie8748
    @wolfie8748 4 месяца назад

    Super helpful

  • @TLTechbender
    @TLTechbender 6 месяцев назад

    Brilliant, straight to the point!!!

  • @alexlivadaru286
    @alexlivadaru286 5 месяцев назад

    Thank you! Very useful tutorial!

  • @aamirmir9080
    @aamirmir9080 Год назад +2

    nice

    • @lukas.webdev
      @lukas.webdev  Год назад +1

      Thanks, I'm happy to hear that! 😉

  • @ronaldo10m88
    @ronaldo10m88 Год назад

    very beneficial, make more about
    videos responsive