✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, we're going to go through my Framer website checklist. I'll explain each point in detail, so you know some of the things that you should be paying attention to when building sites. This helps you make sure that you don't have any mistakes or issues on your websites.
→ The checklist: https://checklist.learnframer.site/
→ Component's Masterclass: https://framer.university/lessons/components-masterclass
00:00 - Introduction
01:09 - Only Using 3 Breakpoints
04:27 - Breakpoints and Containers
06:42 - 90% Relative, 10% Absolute
08:33 - Breakpoints and Sections Use Fill
09:59 - Viewport Height
13:46 - Fill Width
15:07 - Navigation and Footer to Layout
19:13 - Breakpoint Main Section
21:53 - Section and Content Frames
23:13 - Max Width Content Frames
25:27 - Preview and Re-size Width
26:03 - Text 390px
28:16 - Text Width Fill
31:03 - Auto Responsive Text
34:00 - Heading Use H1 - H6 Tags
36:00 - Paragraphs Use "p" Tags
36:34 - Effects Are Not Added to All Layers
38:59 - "None" Is Used on Text
40:19 - Transition Settings on Nested Components
41:31 - Transition Settings
43:36 - Scroll Transform Effects
47:39 - Framer.University
48:35 - Alt Texts
51:41 - Elements Repeating
53:17 - No Blur Values
55:39 - Tags
57:08 - Page Titles and Description
58:19 - Stopper Component
01:01:36 - Override Max Width Values
01:04:19 - Additional Resources
Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university