The Advanced TailwindCSS Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

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

  • @smithdoesstuff
    @smithdoesstuff 3 หลายเดือนก่อน +2

    This was one of, if not THE, most useful Tailwindcss videos I’ve watched thus far, and I’ve been binge-watching them lately. I particularly liked that you showed the plugins that extend vanilla tailwind like typography and animate. Earned my sub! Gonna go check out your channel for more while I continue on my webdev learning journey (I’m a long-time career business analyst.)

  • @BlazeShomida
    @BlazeShomida 6 หลายเดือนก่อน +14

    One thing I use for responsiveness is for things like instead of needing to add display block to something at certain breakpoints you can do `max-md:hidden` that way it’s just a little less code and tailwind basically treats it in reverse so up to md I want to be hidden rather than starting at md.
    Also you can omit the _ in the arbitrary values when it’s comma separated like colors, min/max/clamp, etc, the parser can automatically pick up the separator.

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

      Oh cool! I actually didn’t know they supported that haha!

    • @BlazeShomida
      @BlazeShomida 6 หลายเดือนก่อน +1

      Also speaking of plugins, I actually created a npm package that allows you to pass in your primitives and helps you create themes for tailwind, essentially creates a custom tailwind plugin for you with your colors/themes.

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

      ​@@BlazeShomidaWhat is the name of the package?

  • @RuiValente
    @RuiValente 6 หลายเดือนก่อน +2

    Great video
    TailwindCSS works perfectly with my new projects. It's easy to use and, most importantly, makes it easier to center divs and to choose colors and follow the "color rule"😆

  • @dr.d3600
    @dr.d3600 6 หลายเดือนก่อน +2

    awesome video! great job due!

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

    Great video, loved it!

  • @tamerahmed9860
    @tamerahmed9860 6 หลายเดือนก่อน +2

    Amazing as always! Thank you

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

      Thank you so much! 😁

  • @thepromisebenard
    @thepromisebenard 6 หลายเดือนก่อน +2

    Nice Video Tom. Please what Vscode theme are you using?

  • @dreamsachiever212
    @dreamsachiever212 6 หลายเดือนก่อน +2

    I love this. thanks for the tips

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

      Happy I can help! :)

  • @iamahtic
    @iamahtic 6 หลายเดือนก่อน +3

    Your goated. Keep it up

  • @godofwar8262
    @godofwar8262 6 หลายเดือนก่อน +2

    Great tutorial 🎉

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

      Thank you! 😁

  • @prashlovessamosa
    @prashlovessamosa 6 หลายเดือนก่อน +2

    Great thanks buddy

  • @ricardocnn
    @ricardocnn 6 หลายเดือนก่อน +3

    Amazing! It was a pleasant refreshment for me. Could you make a video about tailwind 4 alpha?

  • @alelsixx6168
    @alelsixx6168 6 หลายเดือนก่อน +1

    css nativo o tailwind , tengo que elegir uno ?

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

      No, you can use tailwindcss for most of your styles, but you can use the input.css to define standard CSS classes that will get compiled into your deployed CSS file.

  • @ontheruntonowhere
    @ontheruntonowhere 5 หลายเดือนก่อน +1

    Great video. Small, niggling correction: 'leading' at 11:18 is pronounced with a short 'e', as in 'ledding'. Rhymes with 'sledding'.

  • @legittutorial4565
    @legittutorial4565 6 หลายเดือนก่อน +1

    I love tailwind css but don't know why my tutor insisted bootstrap