21 күн бұрын
21 күн бұрын
28 күн бұрын
Ай бұрын
Ай бұрын
3 ай бұрын
3 ай бұрын
3 ай бұрын
4 ай бұрын
4 ай бұрын
Жыл бұрын
Жыл бұрын
Жыл бұрын
Пікірлер
@Ksenonksenon 3 күн бұрын
Thank you for your help! It works!
@DLO-75 16 күн бұрын
thank you ! Easy ! except changing the answers : it doesn't work ! It keeps the default one everytime. Help ? :)
@brianlove28 16 күн бұрын
Hey there, I originally made the video just to demonstrate the accordion interaction. If you're looking to change the text for each FAQ, this tutorial does a good job of explaining/showing how to control the text for each FAQ. kzbin.info/www/bejne/hGKcqoukeJdrrtU
@DLO-75 16 күн бұрын
@@brianlove28 Thanks for your answer, the difficulties are that a new update of figma changed a lot of features ! I'm lost between the old and the new versions...
@mdmahmudulhasan6448 21 күн бұрын
Thank you so much
@nurfatinmasyitah7014 24 күн бұрын
hi, just wondering, can I change the description using same component? cause tried it before it doesn't work.
@brianlove28 24 күн бұрын
Hey there I usually only prototype one to demonstrate the interaction but I believe you would need to make as many components as FAQ questions/answers So If you had 3 questions, you would need to create 3 of the components. I could be wrong though
@DavidPeyrouty 25 күн бұрын
Very useful, thanks! And happy new year 🎉 !
@brianlove28 29 күн бұрын
4:30 Please note that after recording, I realized adding the 2 REM left padding will be better on the summary and answer-wrapper elements as opposed to the details element Apologize for the inconvenience
@mp4masterpiece Ай бұрын
How to get the accordion icon?
@brianlove28 Ай бұрын
I got it from Relume bit.ly/41TdQuD But you could also create it using lines in Figma
@wajooday.zindagi Ай бұрын
you are the besttt teacherrr i everrrr haddddddd
@angelova.nikoleta.design Ай бұрын
Thank you for the breakdown!! 🔥
@csillustrations7706 Ай бұрын
this should be a built in function. why do you have to create interactions when this feature should be a given.
@brianlove28 Ай бұрын
Hey there, Thanks so much for watching.. I agree it should be a given feature. If you're building an e-commerce site I would seriously recommend Shopify though bit.ly/4eiPsWd Webflow is great for "marketing" sites but when it comes to e-commerce Shopify has so many features built-in. When it comes to e-commerce, i know build in Webflow and then convert to Shopify using Udesly
@AlekAYE57 Ай бұрын
damn, that was helpful ash 🔥🔥🔥🔥🔥🔥🔥
@ErickMartinez-jk7em Ай бұрын
No fluff, straight to the point. Thank you!
@nicolascruz6165 Ай бұрын
I love you man, thank you for this!!!
@buky0z1 2 ай бұрын
thank you!
@TuxPeps 2 ай бұрын
It works, thank you, but it doesn't look that fluent. I've tried to change the duration, but it still doesn't look good.
@MuhammadAhsan-d1y 2 ай бұрын
Very Helpful. Thank you for making this!
@ernalin7145 2 ай бұрын
Life saver! Thanks man!
@TheMezmeriZe 2 ай бұрын
you deserve heaven. Thank you!
@lucasgama4982 2 ай бұрын
Thaaaanks, helped me a lot!
@menikmati90 3 ай бұрын
this is awesome thank you!
@luke2937 3 ай бұрын
nice video dude! I’m about to record a whole bunch of content and helper videos for my SaaS think i’ll use this
@hectorgargantua1686 3 ай бұрын
Thanks man, save my life. I couldn't find anything specific about the anchor height anywhere.
@JonathanJacob-e3f 3 ай бұрын
whats the extension called ?
@brianlove28 3 ай бұрын
chromewebstore.google.com/detail/loom-%E2%80%93-screen-recorder-sc/liecbddmkiiihnedobmlmillhodjkdmb
@yunushanbayrak4992 3 ай бұрын
I tried it and it worked. Thanks for the video!
@Ruffedges 3 ай бұрын
You are a gem!
@OllyHenson 3 ай бұрын
thanks so much Brian, really helpful
@iamrudeboyzeronine 3 ай бұрын
Love you! I've spent an hour on this problem.
@tivenk 4 ай бұрын
Legend Thank you for making this clonable lifesaver
@stella-8064 4 ай бұрын
Good tutorial! I was looking for this!
@margotult 4 ай бұрын
WOW!!!!! THANKS !!!!😄😄😄😄
@bitzuix 4 ай бұрын
It's good but when we open one question and then we try to open another when the first one is already open then it is not gonna work.
@AliceOliveira-s5f 4 ай бұрын
thanks! You saved me! I had no idea aboute the problem, now it's solved
@UpSquad_ProgramApp 4 ай бұрын
Awesome tutorial - much appreciated.
@賴奕樺 4 ай бұрын
Thanks!!! It helps me a lot!
@timeless_tidbits 4 ай бұрын
Whay should I do about the other faq. How can I change the answer and q of other faq's
@EdgarKretschmann 4 ай бұрын
Hey Brian, what is your use case for this?
@brianlove28 4 ай бұрын
Hey there, Great question! I don't have a practical use case per se-just playing around with animations in Figma to see how far we can prototype something before developing it. I guess a use case could be showing a client what the slider would look like in context while you're still in the design phase of a website.
@rociogarcia1121 4 ай бұрын
Thanks! This is good to know. Very useful 😊
@brianlove28 4 ай бұрын
Appreciate the feedback! Thanks for watching.
@NomadicTravel 5 ай бұрын
Can you please post the script here? 🙏
@brianlove28 5 ай бұрын
<script> const wordsPerMinute = 250; const secondsPerImage = 10; const cards = document.querySelectorAll (".blog_item"); for (const card of cards) { const blogPostHome = card.querySelector (".blog-post"); const words = blogPostHome.textContent.split(" ").length; const images = blogPostHome.getElementsByTagName("img").length; const totalMinutes = Math.floor((words /wordsPerMinute) + (images * secondsPerImage / 60)); const totalSeconds = (words / wordsPerMinute) * 60 + (images * secondsPerImage); const readTimeDiv = card.querySelector(".is-read-time"); if (totalSeconds < 60) { readTimeDiv.textContent = `Estimated Read Time: Less than 1 minute`; } else if (totalMinutes === 1) { readTimeDiv.textContent = `Estimated Read Time: 1 minute`; } else { readTimeDiv.textContent = `Estimated Read Time: ${totalMinutes} minutes`; } } </script> webflow.com/made-in-webflow/website/readtime28
@marcosferreira6638 5 ай бұрын
thank you
@ab-lb6hd 5 ай бұрын
Hi Brian, thanks for your video. I am afraid that I am unable to edit the questions and answers though. I have watched the video you suggested but the explanations, much more complicated than yours for sure, do not match at all and I am unable to follow 🥹
@WeeEric-cs4cm 5 ай бұрын
Thanks you, may i know from video 8:25 how to copy the layout?
@brianlove28 5 ай бұрын
@@WeeEric-cs4cm I just used the shortcut to copy and paste the layer in that left side menu
@Zenrzx 5 ай бұрын
Thank you so much sir!
@Krisokafor 5 ай бұрын
Simple and straight to the point. Thank You!
@ragragrec1 5 ай бұрын
thankyou bro well done!
@pushkarnathpandey44 6 ай бұрын
very valuable information
@angelgames22 7 ай бұрын
muito obrigado, porem estou com um problema, como eu edito as demais respostas das perguntas do faq?
@Hassan-d9k3l 7 ай бұрын
Bro this Vedio saved me from getting Hacked lol
@OGuaxi 7 ай бұрын
Thank you so much!!
@rockstarinnercircle 7 ай бұрын
this is super helpful, thank you!! I'll add another tip: you can replace the placeholder image with a thumbnail of the video and add a play button to it so it looks like a proper video.
@mdshafqatullah4996 8 ай бұрын
Helpful but, It wont apply for responsive layout and not filling in responsive