오늘 한거 !! 텍스트애니메이션, 플러그인 조사

🐢나도다만들고싶다·2020년 12월 15일
3

✔️ 텍스트 애니메이션 효과

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

profile
자기계발일지. 디자인+퍼블짬밥 1년4개월된 초보자입니다.. 여긴 개발자분들만 계시넹

0개의 댓글