Frame Overview: Feature Romeo (Advanced Vertical Accordion)

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

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

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

    Thanks for investing the effort to make all of your frames accessible. Clean, standards-based HTML and CSS gets you a long way towards that, but the extra effort to ensure accessibility really helps.

  • @stripedgoat8470
    @stripedgoat8470 11 หลายเดือนก่อน +4

    ACSS has fundamentally changed the way I make websites… I hope both ACSS & Bricks will be here for a long time to come 😃

  • @thecommittedman
    @thecommittedman 7 หลายเดือนก่อน +1

    Great tutorial. This gave me all kinds of ideas for a unique hero section. You’re building some powerful stuff, Kevin.

  • @BGdev305
    @BGdev305 11 หลายเดือนก่อน +1

    Another very well done tutorial. Also visited Frames website and see not only the documentation growing, but with DETAILS! For a developer this makes the difference for me!
    In this video and I think in every damn video you do, you always drop some professional CSS knowledge that many do not even know exists. You are making one of your most critical followers a believer.

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

    This is an excellent addition. The library is just becoming more and more valuable.

  • @user-ub9gt9sb2v
    @user-ub9gt9sb2v 11 หลายเดือนก่อน

    Thank you so much Kevin for actually providing a real world example using query loops. I'm so tired of people showing a design that looks great but is un-workable in the "real" world.

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

    This is a great add to the Frames collection, more importantly this video explaines a TON of things on how to use "things"...LOVE IT and its a great help!! Please do more of these type videos!!!!!!!!

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

    Kevin, thank you for taking the time to provide this excellent overview. While watching this, one idea came to mind: It would be really amazing to utilize the existing variable for breakpoints' 'max-width' as the identifier that we can adjust at the ACSS admin panel in the viewport settings. This way, we could ensure that all frames we use adhere to our custom breakpoints without needing to adjust them individually.

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

      CSS doesn’t support variables for breakpoints

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

    Absolutely love it! 🔥🔥

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

    WOW! ACSS and Frames are making my life much easier. This is a great addition to the Frames library, it looks and behaves really great. I like having the overview and discuss the details of the frame. I appreciate how you continue to emphasize maintainability.

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

    This was a great new frame! really appreciate you teaching us how to use Frames with dynamic content, it's extremely useful and valuable for someone who's more of a beginner.

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

      Glad it was helpful!

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

    Again, a frame that is well thought out and very well implemented.

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

    Awesome, Exactly the frame I was looking. Had a similar grid on a site, but it had its issues. So I had to remove it. This will be installed for sure. Thanks Kevin and Team.
    Kevin for President.

  • @user-pw6qn7ef9n
    @user-pw6qn7ef9n 11 หลายเดือนก่อน

    Love this frame, well done team.. That looks beautiful! .

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

    Can’t thank you enough! So provide much value 😍

  • @Justin-Bamforth
    @Justin-Bamforth 11 หลายเดือนก่อน

    Love this frame, well done team.

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

    This accordion is fire 🔥

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

    I hope you can integrate with Greenshift blocks.

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

    Great overview, thank you Kevin. Please make Frames working with Oxygen Builder 😶‍🌫

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

      No market there

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

    How do you get that kind of palette display at 11:30 ?
    (with every main colors at the same time I mean, right now I only get the contextual by default and have to select a palette manually every time...)

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

      Right click. It's an ACSS feature.

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

    That looks beautiful! 😍

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

      Thank you! Cheers!

  • @goshenweb
    @goshenweb 11 หลายเดือนก่อน +1

    Kevin...thanks for another Sunday delight. Can media queries (min width/ max width) be tokenized instead of using static values to make it easier in ACSS to use variables for updating them in the frames?

    • @AutomaticCSS
      @AutomaticCSS  11 หลายเดือนก่อน +4

      Nope, it's a big limitation of vanilla CSS. Can only be tokenized in SCSS. Though, Bricks could tokenize it in the builder ... I'll put in feature request.

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

    I've got no custom CSS in the feature card Romeo class. Anyone else got this same problem?

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

      Post in the community we can help you there

  • @Kh4N
    @Kh4N 11 หลายเดือนก่อน +2

    When the cards stack on mobile the box-shadow--xl is on the whole container and not just the single card, which doesn't look that great. How would you customize that?

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

      You just remove it at that breakpoint.

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

      And how would i go about if i want it on the single cards? @@AutomaticCSS

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

    Does ACSS and Frames support RTL ?

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

      Yep!

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

      @@AutomaticCSS Thanks for the quick reply. Two more questions please:
      1. Is there a place to see the available components in Frames?
      2. Do you have components for Woocommerce?