The RIGHT Way To Build Accordions in Framer

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

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

  • @omotayotaiwo4375
    @omotayotaiwo4375 6 หลายเดือนก่อน +7

    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 7 หลายเดือนก่อน +9

    always love when i find a new Framer Channel.

  • @JohannaSeibel
    @JohannaSeibel 15 วันที่ผ่านมา

    Thank you for this tip! Super helpful.

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

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

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

    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  7 หลายเดือนก่อน +3

      I wish I knew this before posting - great benefit!

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

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

  • @rudididthis
    @rudididthis 8 หลายเดือนก่อน +1

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

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

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

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

      thanks legend - check again ;)

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

      @@sewerlamb goat

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

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

  • @KD-tp6er
    @KD-tp6er 14 วันที่ผ่านมา

    What about accessibility though, won't this make the content for every accordion accessible to screen readers, no matter if they're open or not?

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

    Keep em coming 👏👏

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

    can it work smoothly on a stack of accordions?

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

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

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

      @@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 7 หลายเดือนก่อน

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

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

      @@mt000mpnot sure what you mean 😮

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

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

  • @RobertBilling
    @RobertBilling 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

      Turn the stack of accordions into a component

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

      ​@@sewerlamb Same problem here, I now have multiple components for each question but stays overlapping (great and helpfull video never the less!)

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

    how do you link up different variants?

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

    What does setting the distribution to End do?

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

      The text downs linked to bottom border.

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

    Love your videos!!

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

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

  • @GracDonarski
    @GracDonarski 8 หลายเดือนก่อน +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  8 หลายเดือนก่อน +2

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

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

    OMG that's literally me, lol
    Thanks for the tip

  • @mr.nurullahhossain
    @mr.nurullahhossain 4 วันที่ผ่านมา

    Really Good .

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

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

  • @CourtzSGD
    @CourtzSGD 6 หลายเดือนก่อน +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  6 หลายเดือนก่อน +2

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

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

    Omg that's literally me! 😂

  • @user-gw7jb9lv8v
    @user-gw7jb9lv8v 3 วันที่ผ่านมา

    OMG That's literally me LOL.

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

    Great news

  • @George-g6n8h
    @George-g6n8h หลายเดือนก่อน

    shout out to gosha sans

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

    😂😂😂. It’s me lol…

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

    omg this is literally me

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

    Nice marketing