Tailwind.css in 13 minutes - A Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ต.ค. 2022
  • In this video we’ll learn what is Tailwind.css, what advantages it has, when and why you should use it. We will setup Tailwind.css project locally and create several basic components, such as buttons, cards and we will even create sidebar layout. By the end of this super crash course you will know how to use Tailwind.css in you projects.
    Tailwind CSS is utility first CSS framework instead of having ready classes for components Tailwind CSS has tiny classes. Each class contains one or two CSS properties.
    Support me by subscribing - bit.ly/2xTQOI0
    If you really love my content and want to support the channel:
    👉 My Patreon: (For monthly donation)
    / thecodeholic
    🍺 Buy me Beer: (For one time donation)
    www.buymeacoffee.com/thecodeh...
    🖱️Follow me on social media:🖱️
    / thecodeholic
    / thecodeholic
    / thecodeholic
    Check my Github:
    github.com/thecodeholic
    #tailwindcss #thecodeholic

ความคิดเห็น • 18

  • @TheCodeholic
    @TheCodeholic  ปีที่แล้ว

    This video is just to get familiar with Tailwind.css and get the general idea of it. Of course the framework supports much more than just what is mentioned in the video. I recommend to have a look at the documentation and understand what possibilities it has. It's pretty powerful.

  • @hroman_codes
    @hroman_codes 3 หลายเดือนก่อน +1

    This was great thank you!

  • @AyoubElMcherqui
    @AyoubElMcherqui หลายเดือนก่อน

    Thanks man ! very informative.

  • @rakinar2
    @rakinar2 ปีที่แล้ว +3

    Cool and helpful tutorial!

  • @almhdy24
    @almhdy24 ปีที่แล้ว +1

    cool tutorial ♡
    I like it
    thanks

  • @hardysd
    @hardysd ปีที่แล้ว +1

    Thank u 😁👍

  • @TheRedesc
    @TheRedesc ปีที่แล้ว +1

    No code reuse. This is a pain when it is necessary, for example, to change the color of all links in the template.

    • @TheCodeholic
      @TheCodeholic  ปีที่แล้ว +1

      This video is just to get started with Tailwind.css and get the general idea of it, but you can write global styles in you want. You can even create one class which combines multiple other classes. It's pretty interesting framework. I have been using bootstrap for last many years, but after tailwind I don't want to go back to any other CSS framework. I recommend to check it and check the docs as well.

    • @TheCodeholic
      @TheCodeholic  ปีที่แล้ว

      Check the following link.
      tailwindcss.com/docs/reusing-styles

    • @TheRedesc
      @TheRedesc ปีที่แล้ว

      @@TheCodeholic thx, for video, it's usefull.

    • @ml242
      @ml242 11 หลายเดือนก่อน

      @@TheCodeholic I like in the docs how they suggest if you are using React to refactor to make a reusable component with the classes if you find yourself having to write the same thing with the same classes often. Makes sense and eliminates a lot of visual clutter at the same time. Will give it a try, thanks for the vid.

  • @Gandobilis
    @Gandobilis ปีที่แล้ว

    🫰🏻

  • @manprinsen8150
    @manprinsen8150 ปีที่แล้ว

    This kind of videos triggers me. Just typing out of the thin air and it gets perfect. It’s like baking a bread and only to show when it’s done, pointless.

    • @TheCodeholic
      @TheCodeholic  ปีที่แล้ว +3

      The purpose of this video is to give you an idea what is Tailwindcss and how you use that. Not to teach you every single thing about tailwindcss.
      If the video does not manage to give you an idea about Tailwind.css than I should improve it.

    • @arifsaleem-7377
      @arifsaleem-7377 5 หลายเดือนก่อน

      he has already told multiple times that he is showing how tailwind css works and not to give each and every tiny bit about that is already written in documentation. but saying this "pointless" doesn't make any sense

  • @Peywan
    @Peywan 4 หลายเดือนก่อน

    hey bro, it's tailwind i keep hearing talon... hahaha! thanks for the great video :)