6 New Tailwind Techniques in 8 minutes

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

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

  • @samselikoff
    @samselikoff  ปีที่แล้ว +30

    Hey all - just reposted this, had some renegade audio at around the 5-minute mark and wanted to fix it! Sorry for the mixup :)

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

      is all this css available for regular browsers nowadays or is this still a preview of things to come? i'm specially interested in the last one - masonry grid

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

      @@aspirin02 me too! also interested in the last one, but couldn't get it to work so far!

  • @OneBrighDay
    @OneBrighDay ปีที่แล้ว +13

    I remember seeing this during the conference. I’m glad you made it a separate video. We need a tailwind class from you, please.

    • @samselikoff
      @samselikoff  ปีที่แล้ว +4

      I actually released a full course where we build a Discord clone from scratch a few months ago! buildui.com/courses/tailwind-mastery

  • @0xAndy
    @0xAndy ปีที่แล้ว

    group-has definitely blew my mind.

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

    Amazing one Sam! We love your Tailwind / Radix / Framer content!
    Keep it up! ❤

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

    That Container thing is very powerful.

  • @ikechukwucharles2314
    @ikechukwucharles2314 ปีที่แล้ว +2

    I love the masonry layout, so nice

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

    nice! will play around with some of these features today!

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 3 หลายเดือนก่อน

    Thank you

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

    And just like that, a handful of my most painful css woes have been fixed. Thanks!

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

    The kid is doing it live. Nice work Sam!

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

    amazing content

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

    Brilliant Thanks Sam! Will definitely be using these.

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

      How did you make the vscode completion window to be like that?

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

    that was seriously mind blowing

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

    🎉 thank you for this!

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

    excellent!

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

    Text-balance fantastic one

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

    i love this kind of videos, please do more 🖤

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

    Brilliant. Thank you.

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

    Great tips!

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

    Thanks bro! You have a gift

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

    Am I missing something ? Does tailwind already come with "text-balance" or "grid-row-[masonry]" ??? ... I cannot find anything regarding this new classes.

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

    Thx

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

    you're insane

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

    Awesome video! Really like the new format!

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

    awesome job dude!!! tks

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

    Wow this is just amazing. Love the features plus your videos are cool

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

    It's amazing.

  • @official.mhm13
    @official.mhm13 11 หลายเดือนก่อน

    Awesome

  • @johnzambrano7665
    @johnzambrano7665 ปีที่แล้ว +7

    Thanks Sam! Can we use all of these now in tailwind -- or do we have to wait for browser support? I'm talking about text-balance and masonry

    • @atemrandyasong5710
      @atemrandyasong5710 ปีที่แล้ว +2

      Text balance is already supported in most major browsers, but masonry still has a way to go as only Firefox has support for it which the user has to custom enable to get it working

    • @waqasabi
      @waqasabi ปีที่แล้ว +2

      ​@@atemrandyasong5710 Are you sure? The tailwind docs does not have it yet, looks like it might just be in the insider version

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

      @@atemrandyasong5710 text balance is supported in Chrome and is not supported in Safari or Firefox, so I wouldn't say it's "supported in most major browsers".

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

    Thanks!! very cool

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

    Thats some insane shit

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

    thank you btw love your content🙏

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

    damn i was JUST looking for ways to make the masonry effect and then this video pops up

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

    Love your content!

  • @Marcus-Lim
    @Marcus-Lim ปีที่แล้ว

    Wait masonry is a tailwind class! 🔥

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

    Why you don't have a million follower is beyond me.

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

    loooove it

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

    Thanks Sam! Do you have any plans to release the shadcn-ui course on buildUI?

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

    How are you able to work with "has() selector", tailwind doesn't seems to have a support for that yet.

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

    Great! does tw container plugin provide fallback support where its not supported?

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

    Now I know. You are the CSS God cause wtf

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

    Looks like the masonry isn't really supported in any browser. Would have been nice to get a heads up on that.

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

    🔥

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

    this is all stuff you've been able to do in CSS forever without a bunch of stupid abstraction that disconnects you from the browser, overrides, and debugging

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

    text-balance class is not mention in current documentation.

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

    I am looking, if a high dynamic multibranded design system makes sense to implement in tailwind

    • @Lucas-gt8en
      @Lucas-gt8en ปีที่แล้ว

      Yes. If you want to go really deep you can override any and all default classes with your own but that’s overkill for most use cases imho

  • @1off271
    @1off271 ปีที่แล้ว

    great video, thanks!
    p.s. 720p video in 2023, ohhh.

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

    Every time I see a Sam Selikoff vid, I level up

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

    When we can use these? Like has-,text balance..

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

    0:35 sounds cool until u realize u cant change the actual checkmark color so u turn the accent to something dark and realize ur stuck with dark bg and the default checkmark color. Ofc this didnt matter with the lime example haha

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

    That last masonry option would be perfect for the image grid I'm building for images which keeps their aspect ratio 😄

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

    Deleted ??

    • @samselikoff
      @samselikoff  ปีที่แล้ว +2

      Yeah I had some bad audio so I re-uploaded it

    • @dothex
      @dothex ปีที่แล้ว +2

      @@samselikoff I thought that was you making your tagline known...
      "And there you have it!' XD

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

    It'd be far better if you would be a little bit more energized while you show these features. It goes a long way to show that you guys are excited about these features.

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

      disagree, i like that he is not hyping things up too much. i think for teaching his energy is really great.

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

    Hey Sam. You're not 15 years old. Stop wearing a hat like this, it's a bit ridiculous. Love