Тёмный

Building 3D Websites With Spline and Framer (No-Code) 

Framer University
Подписаться 25 тыс.
Просмотров 50 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@wata1991
@wata1991 10 месяцев назад
framer and spline are the two tools I would love to spend more time to learn. I guess I have no choice but to watch this :)
@framer.university
@framer.university 10 месяцев назад
It's time to learn! :))
@terjupi1726
@terjupi1726 26 дней назад
Spline is now $30 per month. Not so affordable anymore...
@framer.university
@framer.university 26 дней назад
Times change :(
@beckystreet7756
@beckystreet7756 Месяц назад
i for some reason can't interact with my spline scene when trying this myself? the scroll event works but i'm unable to trigger any hover or click events and i can't figure out why!
@DanielColeman-ct8qu
@DanielColeman-ct8qu 6 месяцев назад
i love the tut however i still have issues optimizing the speed for mobile and lower end devices. Its either really slow on devices with poor graphics cards or it's slow without a really good internet connection. is the solution creating fallbacks or changing export options?
@framer.university
@framer.university 6 месяцев назад
You can maybe create a mobile optimized version, perhaps removing the whole scene and replacing with an image. If your scene is really heavy, you can also export as video as it will be more performant.
@AndreeMarkefors
@AndreeMarkefors 8 месяцев назад
When setting up "responsive sizing", the button 'auto zoom' stood out to me. I have a feeling with that option on, you wouldn't have to go through the last step of "optimizing" for mobile? Auto zooming sounds like the scene would auto-resize when embedded as responsive.
@framer.university
@framer.university 8 месяцев назад
I am not sure! Maybe! But even then, you can make more customizations with the custom breakpoint setup, and you have full control over how your scene changes on different screen sizes.
@mulanciani
@mulanciani 2 месяца назад
you don't talk much about mobile optimization
@GrowWithDennis
@GrowWithDennis 10 месяцев назад
Perfect Tutorial, because I have wanted to start learning Spline because 3D is the future. Great work mate!
@framer.university
@framer.university 10 месяцев назад
Glad to hear that! Thanks :)
@Sefko1995
@Sefko1995 Месяц назад
I love this and I love you for sharing bro. Subscribed 🎉
@framer.university
@framer.university Месяц назад
Thank u so much for the support:) more to come!
@memesctm
@memesctm 4 месяца назад
Thanks, one question, from What country do you pay 💰? from I live, i pay 30 dolars for one month, and now, I can see u can pay 6 or 7 dolars 😂😂😂😂😂😂😂😂😂😂
@framer.university
@framer.university 4 месяца назад
Pay for what?
@lydiawere
@lydiawere 10 месяцев назад
Thank you Nandi great tutorial as always! 🙏
@framer.university
@framer.university 10 месяцев назад
Thank you so much! I am glad you found it helpful:)
@omoyemihassan3835
@omoyemihassan3835 5 месяцев назад
Is it advisable to use framer to buil a wen agency website
@framer.university
@framer.university 5 месяцев назад
Yes! 👌
@eunicezn738
@eunicezn738 4 месяца назад
the scroll function doesn't work when import the spline scene into framer, only the mouse press feature works in framer when preview, do u have any idea on what's the problem is? it works when preview in spline but not in framer...
@BoringKidsTv-jf8hg
@BoringKidsTv-jf8hg 2 месяца назад
What camera and lens do you use? + what screen recording software do you use post that?
@Yuk_Flow
@Yuk_Flow 5 месяцев назад
Hi ,is it possible to make video on how to create tracing animation on letters(like ABC Learning kids app), using spline or framer?
@eunicezn738
@eunicezn738 4 месяца назад
in framer when i embedded the spline scene, there's no "fit content" in my size panel, can u pls advise me how did you open up this button?
@dhamithkumara6452
@dhamithkumara6452 4 месяца назад
🤩🤩
@MiDoUx91
@MiDoUx91 4 месяца назад
Spline prices have changed since :( now its starting at 30$. thank you for the video btw.
@framer.university
@framer.university 4 месяца назад
They added so many new features. This increase in price was expected, and is totally fine. 🫶
@Lysergicme
@Lysergicme 10 месяцев назад
Awesome stuff as always, thanks Nandi!
@framer.university
@framer.university 10 месяцев назад
Thanks for the constant support! :))
@Lysergicme
@Lysergicme 10 месяцев назад
@@framer.university ay it's my pleasure!
@mashukkhan9033
@mashukkhan9033 8 месяцев назад
That was good information. Thank you very much. I am just wondering is this embedded link work fine with WordPress or not ? Both framer and WP are CMS as much i kwow.
@framer.university
@framer.university 8 месяцев назад
Can’t say anything certain. I haven’t used WP. What I know is that it works in Framer perfectly.
@ChronicleContent
@ChronicleContent 10 месяцев назад
can you show how to deal with backend on framer? like sign up, payments, use of openai api, use profile, internal dashboards etc.
@framer.university
@framer.university 10 месяцев назад
You can’t do too complex things with Framer. You can use custom code components to create custom functionalities though. If you need user login and gated content, this is the solution i use: www.outseta.com/guides/how-to-build-a-membership-site-with-outseta-framer
@alxstudent
@alxstudent 4 месяца назад
Am happy to finally seen a correct spline 3D tutorial.. thanks
@framer.university
@framer.university 4 месяца назад
Glad you like this :)
@georgezorbas9036
@georgezorbas9036 10 месяцев назад
You should explain slower the part of making responsive the export at 26:00 and the steps to become a little more clear.. if the point of your videos are to help people that don't know coding and deep details.
@framer.university
@framer.university 10 месяцев назад
What exactly wasn’t clear? Did I miss something?
@shubhanshmahawar9175
@shubhanshmahawar9175 7 месяцев назад
Just finished up with the video, you absolutely deserved a subscribe. Well done buddy ! Waiting for more useful content
@framer.university
@framer.university 7 месяцев назад
Awesome, thank you! 🙏
@nameislee
@nameislee 7 месяцев назад
Very great and detailed explain tutorial. Thank you 🙏 ❤
@framer.university
@framer.university 7 месяцев назад
You’re welcome 😊
@user-anum702
@user-anum702 10 месяцев назад
Thank you so much for this awesome content. Here is a request, can you please make a tutorial on overlapping cards effect. Would be a great help. Thanks😊
@framer.university
@framer.university 10 месяцев назад
Thanks! Of course! I’m always open for great suggestions. Can you share an example?
@DavidMartens
@DavidMartens Месяц назад
spline increased to $24 a month now. 😑 on top of adobe / framer / etc. things are not affordable nowadays lol
@framer.university
@framer.university Месяц назад
Uhh :(
@gaborszalay6669
@gaborszalay6669 10 месяцев назад
Nándi, nagyon jók a videóid, sokat tanulok belőlük. Figyelmedbe ajánlom a Dora nevű 3d website készítő platformot, igaz, hogy a Framerre nincs szükség a használatához, de nagyon látványos weboldalakat lehet készíteni vele. Szívesen vennék a platormról néhány oktató videót, persze csak ha van kedved hozzá :)
@framer.university
@framer.university 10 месяцев назад
Hali! Köszi szépen :) Hallottam mar a Dorarol. Eddig nem próbáltam mert feltételeztem hogy amit abban lehet, azt valószinuleg Framerben is. Ja meg persze elvegre Framer University a csatorna neve, szoval leginkabb Framer videok lesznek, de ha van valami ami szorosan kapcsolodik a Framerhez szivesen csinalok rola videot.
@mrblack3163
@mrblack3163 10 месяцев назад
best tutorial. thank sir
@framer.university
@framer.university 10 месяцев назад
Most welcome! 🫶
@tonjrv
@tonjrv 10 месяцев назад
Amazing video Nandi! 🔥
@framer.university
@framer.university 10 месяцев назад
Thank you 🙌
@hadiskhalili8915
@hadiskhalili8915 10 месяцев назад
Your videos are super useful😍🙏
@framer.university
@framer.university 10 месяцев назад
Glad you think so!
@hadiskhalili8915
@hadiskhalili8915 10 месяцев назад
Thank you dear nandi❤
@framer.university
@framer.university 10 месяцев назад
My pleasure! :)
@designerscave738
@designerscave738 10 месяцев назад
Great Tutorial Bro 😎❤
@framer.university
@framer.university 10 месяцев назад
Thanks 🔥 Glad you liked it :)
@vitomansilla
@vitomansilla 3 месяца назад
Spline tutorial and how to embed in on framer lol
@framer.university
@framer.university 3 месяца назад
Yep
@sillyleo
@sillyleo 2 месяца назад
Yep
@apexdigital.studio
@apexdigital.studio 6 месяцев назад
Great tutorial! The only problem I have in integrating Spline 3D into Framer is the responsiveness.
@framer.university
@framer.university 5 месяцев назад
It is definitely a tricky part. The best you can do is use the in built feature in Spline.
@apexdigital.studio
@apexdigital.studio 5 месяцев назад
I actually discover something and managed to make the spline 3D responsiveness works when it is not using the full width of the website. Let's say you embedded a 600x600 px 3D element within your page. In the Event, instead of putting the usual screen resolution, you need to define the actual pixel of the element. Eg. Mobile = < 301 | Desktop > 599 Then your second State, you set the element to 0.50 scale, so the element will shrink down on the page where you set 300px width like mobile.
@framer.university
@framer.university 5 месяцев назад
@@apexdigital.studio thanks for the insights!
Далее
Make Any Framer Component with ChatGPT
23:16
Просмотров 23 тыс.
ТАРАКАН
00:38
Просмотров 1 млн
I found more incredible 3D personal portfolios!!!
19:12
Spline Tutorial for Beginners: 3D Website Crash Course
20:16
Top 2024 Web Design Trends
5:32
Просмотров 611 тыс.
Learn Framer in 16 Minutes (Crash Course)
16:47
Просмотров 51 тыс.
How To Build a $20,000 3D Website (No Code + AI)
8:12
Просмотров 248 тыс.
3D Website Tutorial: Interactive Robot using Spline
23:57
Framer Masterclass: Learn Components in 30 Minutes
31:30