framer tutorial: building a site from scratch

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 109

  • @IgorBornebusch
    @IgorBornebusch 4 дня назад +15

    I’ve spent the past four months trying to learn all of this , buying kits, templates, and courses that nearly drove me insane and then you come here and break it down so effortlessly. It’s a bit frustrating but also incredible. You’re a genius and you’ve made everything clear to me in just an hour. The power of teaching like this is truly a gift.

    • @framer.university
      @framer.university  4 дня назад +2

      You can’t imagine how much motivation these comments give me. I appreciate you so much! So happy that this video helped you 🫶

    • @IgorBornebusch
      @IgorBornebusch 4 дня назад +1

      @ well the saying Credit where credit is due couldn’t fit better in here hehe. You are amazing! ⭐️

    • @timilehinsolu4254
      @timilehinsolu4254 3 дня назад

      Love this for you

  • @NawaraNour-rx2qn
    @NawaraNour-rx2qn 4 дня назад +6

    I'm a UX/UI designer who's always been a Figma loyalist and still, but Framer totally changed my game...Nandi, the way you break down animations and make Framer feel effortless is UNREAL

    • @framer.university
      @framer.university  4 дня назад +1

      Wow that’s soo good to hear :)) that’s exactly the point of Framer. Giving designers the ability to bring their ideas to life!
      Happy to hear that my videos make learning Framer fun 🫶
      Lmk if u have any questions or struggles, I also do Q&As on Twitter!

  • @franlee7028
    @franlee7028 2 дня назад +1

    Since I have been using Figma, I was able to pick up the basics of Framer quite quickly. However, I still learned a lot from this video. Thank you very much. By the way, Framer is far superior to Figma when it comes to responsive design.

    • @framer.university
      @framer.university  2 дня назад

      Glad it was helpful! And yeah, Framer is amazing! You literally design + develop a real site at the same time. Game changing...

  • @MACH_SDQ
    @MACH_SDQ 4 дня назад +4

    Finally !!!! this is what we need, straight and no turns left or right !!!! Greetings from Dominican Republic !!!!

  • @obsessed4036
    @obsessed4036 4 дня назад +5

    Alhumdulillah I found you early or else it'll be tough for me learn framer, I wish I wish youtube push your videos to more people and you can get more subscribers,likes and views( I know it hurts when you put too much effort literally too much effort and you got nothing but please stay motivated we're here for you to support and in future your account we'll beon number 1)

  • @hopperanocode
    @hopperanocode 4 дня назад +2

    I have to say, subscribing to your channel has been a game-changer! The first time I faced an issue with Framer, I got a notification for one of your videos, and it was exactly what I needed to solve my problem. And today, just as I was wishing for a video on building a Framer website from scratch, you released one! You’re not just the best Framer educator on RUclips you consistently deliver exactly what your viewers need and genuinely help us overcome our challenges. That makes you the best RUclipsr out there. Thank you for your incredible content!

    • @framer.university
      @framer.university  4 дня назад

      Seems like I have an amazing day receiving all these amazing comments from you all :))
      Thank u so much 🫶🫶 so happy to hear that my videos are helpful. Please feel free to let me know if you have any requests!

  • @ramimrifat2
    @ramimrifat2 3 дня назад +1

    Most Wanted Video from Framer University 😄

  • @nable0306
    @nable0306 5 часов назад

    Best tutorial by far. learned a lot. Thank You

  • @sayan4078
    @sayan4078 2 дня назад +1

    I truly appreciate your contents bro, You're doing an absolutely fantastic job. Keep going, Keep growing😊

  • @chilly7351
    @chilly7351 3 дня назад +1

    Such an underrated channel😢

  • @movieswithshankar
    @movieswithshankar 19 часов назад

    The best channel to learn framer. Great content as always ❤

  • @tonysuonvieri8970
    @tonysuonvieri8970 День назад +1

    The champ!

  • @foyzulhasan4242
    @foyzulhasan4242 3 дня назад +1

    watching From Bangladesh ❤

  • @DesignDen673
    @DesignDen673 2 дня назад +1

    This is so cool. For me the harder part about framer is making layouts from cms. For blogs etc. could you please make a video around this

    • @framer.university
      @framer.university  День назад +1

      i was just actually mapping out a CMS tutorial in my head a couple of hours ago. you can expect something in the coming weeks :)

  • @ic3yondeck
    @ic3yondeck 4 дня назад +1

    I have to say a big thank you for this. I have learnt and improve on framer since watching your videos

  • @randyderrez4560
    @randyderrez4560 4 дня назад +1

    Amazing video Nandi! You really inspire me to move forward with my switch into web design. Thanks for the value you’re delivering through these videos!

    • @framer.university
      @framer.university  4 дня назад

      I’m glad you’ve found this helpful 🫶🫶 good luck with your switch to web design, and let me know if i can help 🫡

  • @chimauzoma7461
    @chimauzoma7461 3 дня назад +1

    This is such great content. Why haven't I been following!? 😢. Awesome work

    • @framer.university
      @framer.university  2 дня назад

      Welcome here! Glad u find my channel:) share it with your friends 😉

  • @mdrahat-lu9tn
    @mdrahat-lu9tn 2 дня назад +1

    Take love from Bangladesh ❤..

  • @AJ-ge4bc
    @AJ-ge4bc 3 дня назад +1

    Amazing tutorial Bro!

  • @hendriawan-ob8pc
    @hendriawan-ob8pc 4 дня назад +2

    Thanks so much Nandi.

  • @DJ-tq1ht
    @DJ-tq1ht 3 дня назад +1

    Great job man

  • @sultanacademy491
    @sultanacademy491 3 дня назад +1

    Take Love bro from bangladesh

  • @jessemoffett6035
    @jessemoffett6035 8 часов назад

    Thank You, Thank You, Thank You!

  • @franlee7028
    @franlee7028 4 дня назад +1

    You are amazing!!!

  • @DanRayLee
    @DanRayLee 3 дня назад +2

    Hello, I always find myself completely drawn into your high-quality content. Thank you, and I always support you! 😊
    I have a few questions, but it seems there’s a limit to what I can find through searches, so I’m posting them here. (Most of the questions are related to Framer.)
    I am creating a knowledge-based online platform based in korea and building a website for it.
    1. If I use the HTML copy function to gather ideas from other websites and then publish them on my own site, will there be copyright issues?
    2. Are websites created with Framer secure from hacking?
    3. Can I embed videos on a Framer-based website, similar to hosting a live class?
    4. Is it possible to set up separate user and admin pages in Framer?
    5. Can I create pages in Framer that are accessible only to members who meet certain conditions?

    • @framer.university
      @framer.university  2 дня назад +1

      hey, I really appreciate your support!!
      1. the HTML paste should be used for transferring your own websites (created with other tools) to Framer. you can still use it for educational purposes, so just to play around with different layouts, but I wouldn't recommend publishing copied parts to your site as your own.
      2. Framer sites are secure, yes!
      3. Yes you can get built in components from the insert panel to embed videos from RUclips or Vimeo for example. (access insert panel by pressing "I" on your keyboard)
      4. This sounds like something that you'd usually do for a web application. Framer is for building static websites mostly (with some dynamic functionalities like fetching or code components).
      5. yes you can create members only content in Framer by integrating with 3rd party softwares like framerauth.com/
      Hope this helps :)

    • @DanRayLee
      @DanRayLee 2 дня назад

      @ thank you soooo much🥹 really helped me ALOT!!!

  • @mr.chinaski2613
    @mr.chinaski2613 4 дня назад +1

    Awesomeness!

  • @designwithsd
    @designwithsd 4 дня назад +1

    Thank u brother

  • @kaixa696
    @kaixa696 4 дня назад +2

    Hi, I always watch all your tutorials, I have a question, can you add custom code overrides to block scroll for fake loading screen. I tried some codeoverrides but it conflicts with smooth scroll component. Really hope you can answer.

    • @framer.university
      @framer.university  4 дня назад

      Did you try my solution?
      framer.university/blog/how-to-block-scrolling-during-the-website-s-preloader-in-framer
      Or you can also try this:
      framer.university/resources/scroll-stopper-component-in-framer

  • @sheshirockzz3959
    @sheshirockzz3959 14 часов назад

    Thank you bro

  • @miansamir-p9p
    @miansamir-p9p 4 дня назад +1

    Hi, I've been practicing the lessons all along, Thanks for the guide. One question regarding one of the previous tutorial (Web Loading Animation), Is there any way possible to make the animation load just one time at the start of web site so if I navigate from other pages of website, back to Home it doesn't play again?
    Thanks Again!

    • @framer.university
      @framer.university  3 дня назад

      thanks for the kind words! :)
      you can use my show once override to show it only once!
      framer.university/resources/show-once-code-override-for-framer

  • @mrblack3163
    @mrblack3163 4 дня назад +1

    Thank sir

  • @Nutrism
    @Nutrism День назад +1

    Hey please brother NANDI create an video on CMS collection and how to create an dynamic website that would be so much time saver for early startup
    I run an ecommerce store i want to switch to the framer but can't figure out the CMS PLEASE NANDI BRO CREATE AN video on the CMS collection how to create the dynamic website

  • @unsa101
    @unsa101 4 дня назад +1

    Nandy thanks a lot for this gem, Can you make a story about your recent 2000$ project

    • @framer.university
      @framer.university  4 дня назад +2

      Thanks! :)
      What do you wanna know?👀 I’ll make a tutorial on the scroll animation I made for the client.

  • @badsevenfirefoxisback1541
    @badsevenfirefoxisback1541 4 дня назад +1

    Tell me you support Nandi without telling me you support Nandi.
    -> Subscribe, like, share & comment.

  • @ahmetkose9621
    @ahmetkose9621 4 дня назад +1

    Thaaatt'ss ittttt

  • @rajnomadheart
    @rajnomadheart 4 дня назад +1

    Sir, do you have internship opportunity? I want to get practical overview about Framer web designing.

  • @timilehinsolu4254
    @timilehinsolu4254 3 дня назад +1

    You need a Framer PHD💆🏾‍♂️

  • @sahalarianto
    @sahalarianto 4 дня назад +1

    could you show your all of your gear?

  • @shifatmasud
    @shifatmasud 4 дня назад +1

    Please share scroll media component

  • @rajnomadheart
    @rajnomadheart 2 дня назад +1

    Not sure why but pasting the effect on button is not working?

  • @shishukumarguin6918
    @shishukumarguin6918 4 дня назад +1

    Does anyone know the music name in the beginning?

  • @TheStypeQ
    @TheStypeQ 12 часов назад +1

    How to add google reviews to framer page?

    • @framer.university
      @framer.university  11 часов назад

      If Google Reviews have an embed option, you can embed it.

  • @DrNikhilRavi
    @DrNikhilRavi 4 дня назад +2

    No 1

  • @stormspeerit
    @stormspeerit 4 дня назад +1

    👑👑👑

  • @lucasackermann053
    @lucasackermann053 4 дня назад +1

    💟💟

  • @TimdeVries-x2q
    @TimdeVries-x2q 3 дня назад

    Lord, the amount of ads in this vid.. Is this Google controlled or did you configure this?

  • @bb-oz2ry
    @bb-oz2ry 4 дня назад +1

    #pizza

    • @framer.university
      @framer.university  4 дня назад +1

      The OG hahah

    • @bb-oz2ry
      @bb-oz2ry 4 дня назад +1

      @ hahahah ma man! following you for like 2 years, probably remixed 80% of your resources and learned a lot from them. last week ive got the framer expert badge officially. thanks and big R man🍻

    • @framer.university
      @framer.university  4 дня назад +1

      @@bb-oz2ry woow maan! big congrats for getting your badge! keep going 🫶 so happy to hear my resources help!

  • @aamirfaraz786
    @aamirfaraz786 3 дня назад +1

    🫡🫡🫡🫡🫡🫡🫡🫡🫡🫡🫡