퍼블리싱

버튼을 클릭하면 중앙에서 외곽으로 다른 색상의 원이 퍼져나간다.

항목을 드래그하여 순서를 변경할 수 있다.

타이핑하는 듯한 효과를 준다.

다양한 모양의 차트를 구현한다.https://www.chartjs.org/

엘리먼트가 뷰포트에 보임/안보임에 따라 실행되는 자바스크립트 트리거

스와이퍼 효과를 적용한다.https://swiperjs.com/

1초에 60번 실행되는 성능좋은 애니메이션

css 작성 시, 하나의 클래스가 다양한 layer에서 쓰이는 경우, layer우선 순위에 따라 클래스의 스타일이 적용된다.https://caniuse.com/?search=%40layer

모바일 네이버 닷 처럼 원형으로 스와이퍼할 수 있는 기능

사용자 상호작용

https://caniuse.com/

스크롤을 내릴 때 아래쪽에 있던 화면이 올라오면서 커짐.스크롤을 올릴 때 위쪽에 있던 화면이 내려오면서 작아짐.지원 되는 것이 한정되어있음 2024년 12월 21일

코드

부모에 overflow:hidden;이 있으면 먹히지 않는다.

컴포넌트 오픈 소스https://tailblocks.cc/

woff 확장자를 쓴다. (다른 확장자보다 브라우저 지원범위가 큼)

확대 방지 바운스 방지 전화번호 스타일 자동 적용 해제

https://github.com/alvarotrigo/fullPage.js