Hi Nandi ! Hope it's not too late to send you this message. I think one of the most interesting topics you could cover for beginners would be to make a video to learn how to save time by structuring your project in advance (creating your styles, your components, your colors, your typography, etc.) in order to save time and to have a better structured and cleaner project. Thank you :)
Thank you for great tips! I’ve been resolving “non-clickable button etc because of a decorative element” issue with z-index but pointer events:none is much more practical! 🙌
Nandi! I’m dying to have this question answered 😱 You experts are always teasing this “content leaning in on cursor movement direction” effect, but none of the tutorials I’ve found actually explains it. In mistake 2, the two images have this effect. Can you give me a step by step or a link that explains it please? ❤
Actually...you can hover on mobile. In many sites you can drag you finger on the hover position for hover effect, like playing a small part of video if you "hover"
Great tips, Im a beginner and just learned how to make a basic landing page for myself from your channel. but i come to realize i cant show/upload any of my videos! even if i purchase the pro plan which is way more than i even need, you still wont be able to upload videos as i am a videographer! 20MB you wont be able to show anything, i also tryed the youtube URL way but its a no go!
I am trying to make a website where you have a bunch of buttons with text in them. when you click the button, you will be transferred to a page with the heading being the same as the text in the buttons. Is there a way to do this without making multiple variants in the component section? I have around 10 different buttons and don't want to make many variants of the same thing but with a different header.
Thanks :) About the first tip... how can we prevent hover states from activating on larger mobile devices like large iPad? I want the hover effects on a small 13inch laptop but not on the 13ich iPad, obviously. What would you suggest?
Hey Nandi! I need help with code override, currently the MailChimp form component in Framer has only one input, I wanna add one more with code override (Using Chat-GPT) but the code isn't working, it does not add the input, even if the code is correct (in the console there's no error at all). Could you help me? Best regards.
I have a toptab navigation component in which one tab is linked to a section on homepage. When i click on that from any other screen, all the components before that section get hidden on homepage and the url has an additional #projects even when redirection is on homepage. How to solve this?
You don’t need to mess with class names in Framer thankfully:) you work with components mostly. You can still use code override if you really need to give it a specific class for some reason.
Man you are a legend….I’m able to build my first website for my business all thanks to you 🙌
So happy to hear this man! It seems like my work is making some impact and I love it 🙏🙏
me too, but for now I'm focusing building CMS Database, any tips/advice?
Hi Nandi ! Hope it's not too late to send you this message. I think one of the most interesting topics you could cover for beginners would be to make a video to learn how to save time by structuring your project in advance (creating your styles, your components, your colors, your typography, etc.) in order to save time and to have a better structured and cleaner project. Thank you :)
the last one was so important... thanks
happy to help!
Thank you for great tips! I’ve been resolving “non-clickable button etc because of a decorative element” issue with z-index but pointer events:none is much more practical! 🙌
Glad it was helpful! :)
words can not describe how thankful I am. thank you dear Nandi for your great content🥰
My pleasure! More to come :)
Thanks for valuable tips ✨
Nandi! I’m dying to have this question answered 😱 You experts are always teasing this “content leaning in on cursor movement direction” effect, but none of the tutorials I’ve found actually explains it. In mistake 2, the two images have this effect. Can you give me a step by step or a link that explains it please? ❤
Here is the tutorial:
ua-cam.com/video/1XZA91uvU8M/v-deo.htmlsi=kh3BKpEpNWhjUIoH
Actually...you can hover on mobile.
In many sites you can drag you finger on the hover position for hover effect, like playing a small part of video if you "hover"
That can be an exception indeed! However, most of the time, you wanna disable it:)
Thanks for the addition 🫶
Great tips, Im a beginner and just learned how to make a basic landing page for myself from your channel. but i come to realize i cant show/upload any of my videos! even if i purchase the pro plan which is way more than i even need, you still wont be able to upload videos as i am a videographer! 20MB you wont be able to show anything, i also tryed the youtube URL way but its a no go!
How to make a similar effect at 2:20 when part of the image follows the cursor a little? I did not see this in Framer effects
the resources section on framer.university has everything ;)
framer.university/resources/parallax-blur-gradient-cards-in-framer
I am trying to make a website where you have a bunch of buttons with text in them. when you click the button, you will be transferred to a page with the heading being the same as the text in the buttons. Is there a way to do this without making multiple variants in the component section? I have around 10 different buttons and don't want to make many variants of the same thing but with a different header.
Thanks :) About the first tip... how can we prevent hover states from activating on larger mobile devices like large iPad? I want the hover effects on a small 13inch laptop but not on the 13ich iPad, obviously. What would you suggest?
I usually only disable it on Phone, and keep it on the Tablet breakpoint.
Hey Nandi! I need help with code override, currently the MailChimp form component in Framer has only one input, I wanna add one more with code override (Using Chat-GPT) but the code isn't working, it does not add the input, even if the code is correct (in the console there's no error at all). Could you help me? Best regards.
I have a toptab navigation component in which one tab is linked to a section on homepage. When i click on that from any other screen, all the components before that section get hidden on homepage and the url has an additional #projects even when redirection is on homepage. How to solve this?
Never seen this issue.
What do u mean by the url has #projects? That's how it should be if it's linked to a scroll section.
You are the best!
Ahh noo! You’re the best mate 🫶 thank u for the support:)
Why did I watched this videos AFTER I made my websites... could have saved me hours of pain.
haha :) at least now you'll know where to go when you need some Framer knowledge 💙
whats your screen recording software that you're using?
hey! i'm using screen studio :)
Can we give class name like webflow make a video on this
You don’t need to mess with class names in Framer thankfully:) you work with components mostly. You can still use code override if you really need to give it a specific class for some reason.
You're notorious. But are you gonna start with 8 min length videos and open mouth thumbnails? Cmon, you can do better.
I don’t think you’re seeing the same thumbnail I do.
What about the content of the video btw?