✔️ 텍스트 애니메이션 효과
CSS transform을 이용한 텍스트 애니메이션
휘어지게 나타나서 한 글자씩 나타나는 것처럼 보였으면 했는데.. 다시 보니 모르겟다ㅎㅋ
비주얼텍스트나 헤딩에 활용
✔️ 업계 플러그인 뭐쓰는지 조사
GDWEB 2020어워드에서 그냥 내맘에 드는 사이트 위주로 보는 중..
플러그인에 무지해서 업계에서 많이들 쓰는 플러그인 위주로 공부해보고싶은데,
뭘 쓰는지 몰라서 리서치 먼저 해보고있다.
제일 많이 보이는거 위주로 먼저 공부해봐야지,,,
*🖐은 중복횟수!!
슬라이더
- swiper.min.css 🖐🖐🖐🖐🖐🖐🖐🖐🖐🖐
- bxslider.js🖐🖐
- slick.min.js🖐🖐🖐
- jcarousellite_1.0.1.min.js
- owl.carousel.min.js
팝업- jquery.modal.min.js
- jquery.PopupSilde.min.js
- jquery.bpopup.js
- jquery.magnific-popup.min.js
스크롤바- custom-scrollbar-plugin
- mCustomScrollbar.concat.js(= jquery.mCustomScrollbar.js)🖐🖐🖐🖐
- jquery.nanoscroller.min.js
- jquery.scrollbar.min.js
스크롤이벤트 애니메이션- scrollMagic.min.js(스크롤이벤트)
- jquery.mousewheel.min.js(스크롤이벤트)🖐🖐
- ScrollToPlugin.min.js(스크롤이벤트. gsap애니메이션의 옵션으로 사용)
- jquery.fullPage.min.js(풀페이지)🖐🖐
scrolloverflow.min.js(옵션으로 fullPage와 같이 사용)🖐🖐- jquery.scrollify.min.js(풀페이지)
- sticky-kit-min.js(스크롤시 사이드바 고정)
애니메이션효과- TweenMax.min.js🖐🖐🖐🖐
- animation.gsap.js(=트윈맥스 업글버젼)
- jquery.easing.1.3.min.js
드래그 앤 드롭- draggable.js
- dom.drag.js
툴팁- tooltipster.bundle.min.js
- tooltip.js(www.dynamicdrive.com)
프린트- printThis.min.js🖐🖐
SNS- instafeed.js(인스타그램 연동)🖐🖐
- kakao.min.js(카카오톡 공유)🖐🖐🖐
기타 등등- jquery.rwdImageMaps.js(반응형 map 동적으로 적용)
- jquery-ui.js🖐🖐🖐🖐🖐
- jQuery-Migrate-1.4.1.min.js (구버전과 최신버전 혼용)
- jquery.form.js(파일업로드???)🖐🖐🖐🖐
- analytics.js(구글 애널리틱스 추적??)🖐🖐
- jquery.cookie.js(쿠키 관리)🖐🖐🖐
- jquery.mb.YTPlayer.js(유튜브 영상을 배경으로 사용)
- babel.js(크로스브라우징. babel과 polyfill 같이 사용)
polyfill.min.js
(https://stove99.github.io/javascript/2019/04/22/es6-in-browser-with-babel/)
👀참고 사이트
https://www.komsco.com/kor
https://www.nhis.or.kr/nhis/index.do
http://www.dgsuseong.kr/
http://www.daeguoperahouse.org/
https://www.spacek.co.kr/index.do#1
http://www.cjkcm.org/
https://gongju.museum.go.kr/gongju/
https://www.knmm.or.kr/
http://www.ggac.or.kr/season2020.php
https://www.lescapehotel.com/main
https://www.samsung.com/global/galaxy/gear-vr/
https://kr.ncsoft.com/kr/index.do
https://www.kakaocorp.com/
https://reddogch.com/
http://www.riss.kr/index.do
https://www.shinhancard.com/pconts/html/main.html?_refer=http://www.gdweb.co.kr/
https://www.gscaltex.com/kr
