10 Things To Do Before Publishing a Framer Website

Поділитися
Вставка
  • Опубліковано 25 чер 2024
  • 🎓 Framer University: framer.university
    👉 Create a free Framer account: framer.university/free-account
    In this Framer tutorial, you'll learn the 10 most important things to do before publishing your Framer website. After watching this video, you'll be able to publish immaculate websites without writing a single line of code.
    00:00 - Introduction
    00:21 - Breakpoints
    1:03 - Image alt text
    1:59 - HTML tags
    3:25 - Optimized buttons
    4:45 - Aria labels
    5:55 - Site title
    6:15 - Site description
    6:48 - Site language
    7:08 - Favicon
    7:35 - Social image
    8:05 - Publishing the website
    8:15 - Conclusion & resources
    Follow me on:
    Twitter: / learnframer
    Instagram: / framer.university

КОМЕНТАРІ • 56

  • @jorgeherna1230
    @jorgeherna1230 10 місяців тому +5

    Very clear and straight to the point thanks!

  • @onlytanofficial
    @onlytanofficial 8 місяців тому

    Wow!!! This tutorial is sooooooooooo helpful!! Thanks you for sharing it. 😆

  • @basiccomponents
    @basiccomponents 10 місяців тому +1

    this was really useful, thank you!

  • @jonahzehani
    @jonahzehani Рік тому +1

    Thanks! Great video🎉

  • @thelias91
    @thelias91 11 місяців тому

    Super useful thank you !

    • @framer.university
      @framer.university  11 місяців тому

      It’s my job to be useful! Thanks for the feedback 🫶🫶🫶

  • @EnglishMikey
    @EnglishMikey 4 місяці тому

    Thank you! Very useful.

  • @yesmubindid
    @yesmubindid Рік тому +1

    Super helpful!!!

  • @isthatsharanya
    @isthatsharanya Рік тому +6

    I missed 6 of these for my first template launch, but I'll improve now

    • @framer.university
      @framer.university  Рік тому +1

      No worries buddy! 🙌
      I also learn new things everyday.
      I’m glad this helped you:)

  • @jayjogi9
    @jayjogi9 Рік тому +1

    This is a GREAT video 💯

  • @edmirfazlovic
    @edmirfazlovic Рік тому +1

    Great! :) Thanks a lot.

  • @JedHurricane
    @JedHurricane Рік тому +1

    Great info thanks

  • @bendingreality-
    @bendingreality- 9 місяців тому

    Can't wait for Framer University

    • @framer.university
      @framer.university  9 місяців тому +1

      Thank you for the interest! Coming soon ;)))

    • @bendingreality-
      @bendingreality- 9 місяців тому

      ​@@framer.university It's apparent that everything you do is with great detail and professionalism, from your video setup to the landing page (was mind-blown by the design). Will be happy to learn from you :)
      And potentially work together in some capacity if you're open to it,

  • @MicheleMessina-Spline3DMaster
    @MicheleMessina-Spline3DMaster Рік тому +1

    very nice

  • @prodbyeddyy
    @prodbyeddyy Рік тому +3

    Great stuff, thanks bro
    I think it would be cool if you record a video about “How to start earn money with Framer”

  • @renatooliveira8989
    @renatooliveira8989 23 дні тому

    Does describing images also work in this case for accessible reading software (e.g. VoiceOver and NVDA)?

  • @Demonitare
    @Demonitare 5 місяців тому

    @framer.university may I ask, what software do you use to screen record and where do you do these zooms? In screen recording software or in post production?

    • @framer.university
      @framer.university  5 місяців тому +2

      Zooms are added automatically by screen recorder called Screen Studio.

  • @akbarbadsha25
    @akbarbadsha25 Рік тому +3

    Amazing, great stuff. Thanks for sharing. One thing I noticed, that the screen recording. It could be great if you could always hold in full screen. No need to go as per the mouse moves. It's really annoying. Just a suggestion. :)

    • @framer.university
      @framer.university  Рік тому

      That’s a thing that is being considered.
      Do you think that making the zoom level smaller could improve the watching experience? Or you’d get the rid of it completely?

    • @SamyadeepPurkayastha
      @SamyadeepPurkayastha 8 місяців тому +2

      On the contrary I love it when it zooms

  • @CourtzSGD
    @CourtzSGD 10 місяців тому +1

    Please can you make a tutorial about how to use pagination for a blog. My blog in framer goes on forever and I don’t know how to make it into multiple pages. I can’t find the info anywhere. Thanks!

    • @framer.university
      @framer.university  10 місяців тому +1

      Hey 👋 that’s a missing feature but i know they’re working on it

  • @AS-ld5mz
    @AS-ld5mz 11 місяців тому

    hi, i just need to change the icon on a button. Do i need to create a variant or a variable?

    • @framer.university
      @framer.university  9 місяців тому

      You can create a component that has different variants for each icon, then you can use this component in the button component and if you go to the right panel you can create a variable off of the variants of the icon component so it will be changeable from the canvas.

  • @benzox9940
    @benzox9940 10 місяців тому

    Are there any videos on how to connect it to a domain?

    • @framer.university
      @framer.university  10 місяців тому

      End of this video:
      ua-cam.com/video/cl0RRvooRcY/v-deo.html

    • @benzox9940
      @benzox9940 10 місяців тому

      @@framer.university thanks

  • @oVISTASEK
    @oVISTASEK 27 днів тому

    Guys, I am here looking for the limitations of hosting after finishing the website.
    How does it work when for example the trafic limit is reached on the clients website?
    And i read framer and other web builder are pretty expensive regarding host, could anyone give me some suggestions?
    Junior ui/ux designer looking to upgrade services

    • @framer.university
      @framer.university  25 днів тому

      when limit is reached, framer will contact you and ask to upgrade for a new plan.

  • @sangya4982
    @sangya4982 3 місяці тому

    Isn't the alt text of the image and aria-label is same? Do we need to fill both image alt text and aria-label for the logo?

    • @framer.university
      @framer.university  3 місяці тому

      No, they're different.
      Aria label doesn't necessarily have to be set for each element. Alt text on the other hand is a must.

    • @sangya4982
      @sangya4982 3 місяці тому

      @@framer.university Also can you create a video related to site speed (mobile version) in framer, under these phases - reduce js execution time, minimise main thread work, reduce impact of 3rd party code, avoid an excessive DOM size.
      Thanks in advance for your consideration, regarding these issues.

  • @MemeMachine686
    @MemeMachine686 8 місяців тому

    bro can i export this website as a file i build it for a school project and they are demanding the files how i do that plz tell

    • @framer.university
      @framer.university  8 місяців тому

      you can't! This is a no-code website builder, and you're school probably demands websites built with code.

  • @ImoveTraining1
    @ImoveTraining1 Місяць тому

    🙏💪

  • @JGVision
    @JGVision 7 місяців тому

    what does it mean when the tag for button is unavailable and just says "a"?

    • @framer.university
      @framer.university  7 місяців тому +1

      If it has a link it can only be “a” tag. That’s perfectly fine, that’s how it should be!

  • @coffeeecatsss
    @coffeeecatsss 8 місяців тому

    I just publish my website but its messed up :') didnt show up like my design :')

    • @framer.university
      @framer.university  8 місяців тому +1

      You need to take a look at layout and positioning then. Framer Fundamentals course is coming soon and it will definitely help you.

  • @FlyByWheels
    @FlyByWheels 10 місяців тому

    very useful! bass it too much in your voice plz decrease the bass so that voice will be more clear. thankyou

    • @framer.university
      @framer.university  10 місяців тому

      Thank you for the feedback!
      In my latest videos, my voice is fixed. :)