(Can we) make an Apple website exactly the same with Framer? Yes.
HTML-код
- Опубликовано: 1 авг 2024
- Framer Template - link.harbor.school/wee
Interactive Tutorial - harbor.school/en/clone-apple-... (Harbor School)
0:00 Intro
1:04 What We Will Make Today
2:22 Starting to Make
3:10 Scroll Interaction: Scroll Variant
6:04 Scroll Interaction: Scroll Transform (Hero)
7:31 Scroll Interaction: Scroll Transform (Welcome Videos)
9:42 Scroll Interaction: Scroll Transform (Welcome Video 1)
12:00 Deploying the Website
13:32 Summary & Conclusion
감사합니다!! 프레이머 영상 많이 올려주세요^^ 도움됩니다!!
넵 봐주셔서 감사합니다! ㅎㅎ
감사합니다
봐주셔서 감사합니다
아... 진짜 멋있어요. 그리고 정말 쉽게 따라했어요. 감사합니다 ㅠ 재밌기도 했고요 덕분에 지식이 1 올랐습니다.
와 감사합니다! ㅎㅎ 잘 따라하셨다니 다행이네요
프레이머 공부중인데 큰 도움이 됩니다 많이 올려주세요 ^^
오호 감사합니다! ㅎㅎ
와... 프레이머를 따로 배울 수 있는 학원 같은게 있는건가요? 어떻게 이렇게 자세하게 알고 계신지 신기합니다!!
하버스쿨이라고 프레이머 학원이 있습니닷... ㅎㅎㅎㅋㅋ
안녕하세요! 영상에서 많은 도움 얻고 있습니다. 속성 선택할 때 왜 이걸 선택해야하는지도 알려주시면 좋을 것 같아요. 예를 들어, Scroll Variant에서 Trigger는 왜 Section in View로 해야하는지, Viewport는 왜 bottom을 클릭해야하는지도 알려시면 응용할 때도 유용할 것 같습니다. 앞으로의 영상도 기대하고있습니다. 정말 감사합니다. :)
안녕하세요 지호님 피드백 감사합니다 :)
유튜브 영상 포멧은 강의 형태가 아니라 자세한 설명이 생략되고 있는 점이 저도 항상 고민이긴 합니다 ㅎㅎ..
남겨주신 Scroll Variant 관련해서 좀 더 자세한 내용을 학습해보고 싶으시다면, 제가 운영하고 있는 하버스쿨 튜토리얼들을 참고 해보셔봐도 좋을것 같습니다.
harbor.school/ko/clone-apple-website-framer/framer-basics-interaction/scroll-variant/
안녕하세요! 올리신 동영상이 너무 도움이 많이 됩니다. 혹시 커뮤니티 같은 사이트도 만들 수 있을까요? 완전한 커뮤니티 사이트는 아니여도, 사용자가 가입을 하고 글도 쓸 수 있는 - 어느정도 참여형 사이트를 만들고 싶은데, 반응형 웹으로 만들고 싶습니다! 롤모델은 크림,솔드아웃 등입니다.
안녕하세요 피드백 감사합니다! 현재 프레이머가 제공하는 기능으로는 관리자만 글을 작성 할 수 있습니다.
다만 코드를 지원하기에, 리액트 쪽으로 파보신다면 외부에서 글을 받고 프레이머에서 보여주는 형태로 만드실 수 있으실거에요
아니면 framerauth.com/ 이런 써드 파티 플러그인들의 향후 개발을 기대해보셔도 좋을것 같습니다 :)
안녕하세요, 프레이머 사용해서 홈페이지를 하나 제작했는데 도메인에 연결하려면 네임서버나 ip주소가 필요하다고 하는데 알 수 있는 방법이 있을까요?
도메인 구입하신곳에서 설정 방법이 있으실거에요
어디서 구입하셨나요?
이미지 시퀀스가 스크롤에 따라서 재생되는 것도 구현하고 싶은데 어떻게 해야할까요?
음 그 부분은 코드를 사용하시는게 아직까지는 좋으실것 같네요!
단순하게 영상을 재생하거나, gif 등을 한번 재생하는것은 이 강의 예시처럼 프레이머에서 제공하는 기능으로 코드 없이 만드실 수 있습니다
@@design-engineer 감사합니다!! 혹시 코드쪽은 어디서부터 시작해야할까요?? ㅠㅠ
@@Oday_tone 음 자바스크립트 기초와, 리액트쪽을 우선 살펴보시는게 좋을것 같습니다 ㅎㅎ
harbor.school/ko/react/javascript-basics/course-introduction/
@@design-engineer 감사합니다~
하버스쿨 링크 들어가니까 "404: NOT FOUND You just hit a route that doesn't exist... the sadness." 이렇게 뜨는데요?..지금안하는건가요?
헉 url 링크를 바구었는데 제가 업데이트를 깜박 했었네요 ㅠ
아래로 들어가주시면 정상적으로 보이실거에요! 제보 감사합니다
harbor.school/ko/clone-apple-website-framer/apple-website-interaction/hero-scroll-interaction/
인터랙션까지 카피하려면 어떻게 하나요?
음 좋은 질문 이십니다 그치만 아직 인터렉션 (JavaScript) 까지 완벽하게 카피할 수 있는 기술은 없는것 같습니다 ㅠ