ACSS 101:14: Auto Grid Layouts

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

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

  • @AutomaticCSS
    @AutomaticCSS  3 หลายเดือนก่อน +10

    Didn't realize the hat wasn't straight. It works, though, because Auto Grid is a pretty gangster feature.

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

      The important thing is that the head is straight 😊

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

      @@IssaKhlief lol

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

      Was about to say my OCD is triggered in this vid, but doesnt matter, value is still insane here, you could even rock it without a cap at all.

  • @Traxpowerdollysystems
    @Traxpowerdollysystems 13 ชั่วโมงที่ผ่านมา

    I freaking love it!! Great example too!

  • @mcostales84
    @mcostales84 3 หลายเดือนก่อน +4

    I just finished the book The Power of Broke, by Daymond John, he mentioned that one of the keys to being successful is always giving something back. You're always giving back, back to the community, sharing your knowledge and creating good content. For that, THANK YOU KEVIN!

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

    I'm getting caught up on all of the latest Kevin videos. I originally thought the grid-# feature in ACSS was so much easier than writing out the css. Auto grid is over the top. My life is now easier because ACSS takes care of this automatically & programmatically but also more challenging because now I've got another tool to wield in my development work. Kudos!

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

    Another excellent video, Kevin. Thank you.

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

    Hi Kev, thanks for this video. One thing I'd like to confirm is do you recommend this approach over others when building a grid layout to our pages?

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

      nvm, I watched the 101:15 and you explained there that it depends on what we need. Thanks for these type of videos again.

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

    I should have watched this video before having installed ACSS 3.05 !

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

    I actually have work get done before Office hours, so can't pay close attention at the moment. But it's a fresh video so I want to help the algo push it out more. Have it playing in the background and then I'll watch after Office Hours

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

    Good video! 👍🏻

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

    Will acss in future releases introduce the feature for auto grids to stack to specific columns. From 6 to 4 to 2? Is it programmatically possible?

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

      Not possible for css to know the number of items in an auto fit grid or how many rows there are either

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

    It's an interesting feature. I've avoided using the grid utility classes preferring to just use some variation of repeat(auto-fit, minmax(300px, 1fr)). Not sure I'll make the switch but nice to see it's built in now

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

      Why? Our grid classes and variables are superior and quicker.

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

      ​@@AutomaticCSSI find more is "hidden" this way. The aggressiveness isn't a number that means anything to me. Meanwhile, seeing 300px tells me it's min size immediately. Just feels like more to learn on how to use this system and doesn't translate outside of ACSS. If I hadn't learned css grid properly already I would definitely enjoy this feature as it's simpler to learn. But the simplicity obscures some elements that I already understand.

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

    Hey, that's a cool superpower! But what if I'm using custom breakpoints? Like, let's say I'm using 1024px instead of the default 992px. Will ACSS still catch that when using auto grid?

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

      Breakpoints are irrelevant with Auto Grid. They're based on the size of items in the grid, not breakpoint values.

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

    wow, thanks

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

    how would i use the variables in oxygen? thanks for the video! and sorry to be the only oxygen user asking stuff hehe

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

      Oxygen grid system is broken :/

  • @thorsten-roever
    @thorsten-roever 3 หลายเดือนก่อน

    Thanks

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

    SO RAD.