The RIGHT Way To Build Accordions in Framer

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ก.ย. 2024
  • Every day I see Framer designers making this mistake when building accordions, and there's a REALLY EASY fix
    www.blocsui.com

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

  • @omotayotaiwo4375
    @omotayotaiwo4375 2 หลายเดือนก่อน +5

    TH-cam recommended this video just in time, built a Framer website and the FAQ keeps driving me crazy. Thank you for this tip.

  • @jonyeazel
    @jonyeazel 3 หลายเดือนก่อน +7

    always love when i find a new Framer Channel.

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

    This is exacly what I was looking for! The lack of transition between visible and hidden bothered me so much.

  • @LouisArquivio
    @LouisArquivio 3 หลายเดือนก่อน +7

    that’s also better for SEO, where if you set it to not visible it won’t appear in the html when the page load

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

      I wish I knew this before posting - great benefit!

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

      Yes it does?, it's not like when a javascript setting a div to visible that it loads from the server?

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

    Cool! Could you pls create a video on how to use CMS? and create layouts using CMS.

  • @kerdonstuart3349
    @kerdonstuart3349 27 วันที่ผ่านมา

    OMG that's literally me, lol xD Thank you for the tutorial!

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

    hohoho, thats impressive work. Keep it up man. Thanks for the suggestion to change the text height instead of use visible.

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

    amazing video - cant believe you dont even have 50 subscribers yet

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

      thanks legend - check again ;)

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

      @@sewerlamb goat

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

      @@Mage1k no, just a lamb. But i appreciate the sentiment

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

    omg, that's literally me, lol, now how do you make the answer close automatically when you click on the next question?

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

      You can set up multiple variants with only one question open and hook them up to each other

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

    Keep em coming 👏👏

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

    Thanks. Please try not to use keyboard shortcuts because we can’t see what they are and so it’s hard to follow along. Gotta google the way to do the action without the shortcut and then come back to your video. Thanks!

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

      @@CourtzSGD Great point! I'll keep it in mind for my next one. Thanks bud

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

    Have you tried putting this on a webpage and multiple accordions beneath each other?, to me, it overlaps the content below when closing.

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

      Turn the stack of accordions into a component

  • @burtos
    @burtos 16 วันที่ผ่านมา

    Omg that's literally me! 😂

  • @mt000mp
    @mt000mp 2 หลายเดือนก่อน +1

    can it work smoothly on a stack of accordions?

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

      Yeah! Turn the stack into a component and then it'll animate smoothly

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

      @@sewerlamb after looking at your blocs site, yeah it does, looks neat.
      but the footer abrupt jumps is weird and annoying to look at.

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

      @@sewerlamb btw, framer forms just drops, I'd be interested to invest in your blocs Design system if you'd implement those.

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

      @@mt000mpnot sure what you mean 😮

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

      @@mt000mpWe've got an update coming out in a few days with the new forms as well as some full page templates ❤

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

    Great news

  • @dianaukhabova
    @dianaukhabova 2 หลายเดือนก่อน +1

    omg this is literally me

  • @oluwaseyiayodele288
    @oluwaseyiayodele288 13 วันที่ผ่านมา

    😂😂😂. It’s me lol…