웹플로우에 GSAP 설치하기

안녕하세요 테크라소스입니다. GSAP는 화려한 겉멋 부리기를 도와주는 자바스크립트 라이브러리입니다. 복잡한 구현은 싫지만 있어보이는건 좋아하는 분들이 공부하기 딱 좋은 라이브러리입니다. GSAP는 개발에도 사용할 수 있지만, 웹플로우에도 사용할 수 있는데요, 어떻게 설치하는 …

웹플로우 PDF 삽입 및 웹에서 바로 보기

PDF를 그냥 업로드해서 다운로드 받게 할 수도 있지만, 그럼 다운을 받아야 볼 수 있는 불편함이 있죠. 페이지 이동할 필요도 없이 웹사이트의 일부로 임베드 하는 방법을 알려드릴게요. 2. 업로드한 PDF 아이콘에 …

웹플로우 무한 루프 로고 슬라이드 만들기

안녕하세요 테크라소스입니다. 이런 있어 보이는 로고 띠 가끔 보이죠? 웹플로우에서 코딩 없이 만드는 법 알려드릴게 천천히 따라오슈 웹플로우 로고 무한루프 1.Div 블록 추가 → 셀렉터 이름 Loop Container로 지정 2. …

웹플로우 반응형 크기 조정 설정 방법

안녕하세요 테크라소스입니다. 웹플로우에서 요소들은 화면 가로 크기에 맞게 설정하는 방법을 알려드릴게요. 결과부터 살펴보면, 아래 규칙에 따라 움직입니다. 장점은 모든 모니터에서 일관된 디자인을 보여줄 수 있고, 관리 또한 매우 쉽습니다. 순서는 …

웹 디자인, 웹 개발 단위 정리

웹페이지를 만들다 보면 단위가 많아서 뭘 선택해야 될 지 헷갈릴 때가 있습니다. (제가요) 그래서 정리했습니다. 참고하셔 도움 되시길~ 웹 디자인 단위 정리 px (픽셀) 가장 기본적인 단위입니다. 화면 해상도에 직접 …

GSAP란? GSAP 설치하기

고인물 개발자라면 GSAP 공홈가서 알아서 설치했지, 여기까지 오지 않았겠죠? 찍먹한 사람 기준으로 GSAP란 무엇이고, 어떻게 설치하면 되는지 설명해보겠습니다. GSAP란? 요즘 웹 트렌드 중 하나는 인터랙션과 애니메이션입니다. 클릭에 반응하고, 막~~ 움직이는거 …

크롬 개발자 도구 안열림 해결 방법

크롬으로 웹사이트를 서핑할 때 가끔 F12 눌러도 개발자도구 안열림 현상이 생길 때가 있습니다. 이건 웹사이트 관리자가 F12로 개발자 도구가 열리지 않게 막아 놓아서 그런데요, 개발자 도구를 여는 방법에는 몇 가지가 …