유용한 CSS, JavaScript 라이브러리

출처 : 유용한 CSS, JavaScript 라이브러리 (groovypark.github.io)

CSS

• CSS 정리 https://atomiks.github.io/30-seconds-of-css/

• 구글 무료 폰트 https://fonts.googleapis.com

• 컨텐츠에 집중을 도와주는 마우스 오버효과들 총정리 http://rwdb.kr/mouseoverinteraction/

• px, em 변환 PXtoEM.com: PX to EM conversion made simple.

• 반응형 media query CSS @media Rule

• 디자인 Documentation - Materialize

• 원 CSS3 Circles - JSFiddle

• button hover effects Button Hover Examples From CodePen - Freebie Supply

JavaScript

• 유용한 자바스트립트 사이트 모아둔 곳 http://hansworld.co.kr/SW_etc/640

• 차트 그려주는 라이브러리 chart.js (http://www.chartjs.org)

• 다양한 애니메이션 dynamics.js (http://dynamicsjs.com)

• 이미지 drop zone 생성 Dropzone.js (http://www.dropzonejs.com/)

• 스크롤이벤트
  • GitHub & BitBucket HTML Preview
  • Kissui.scrollanim - CSS3 and JavaScript scroll animation
  • https://alvarotrigo.com/pagePiling/#page1 (Jquery 특정 엘리먼트로 부드럽게 스크롤 이동하기 - TechnoL0GIC)

• Socket.IO

• 숫자 올리기
  • Counter Up Demo
  • CountUp.js

• Shuffle Letters Effect: a jQuery Plugin - Tutorialzine

• Morphext - jQuery Text Rotator Powered by Animate.css

• pagePiling.js plugin - Create a stack of scrolling pages

• JavaScript 모션 라이브러리 Popmotion - A functional JavaScript motion library