본문 바로가기

웹 개발/JavaScript11

[JS]GSAP.js - 애니메이션 자바스크립트 라이브러리 GSAP.js - 애니메이션 자바스크립트 라이브러리 https://greensock.com/docs/v3/Installation Installation | GSAP | Docs & Learning GSAP is framework agnostic and can be used in React, Webflow, Wordpress, or any other JS/Web frameworks. The core GSAP file and all the plugins are just Javascript files. gsap.com 2023. 11. 8.
[JS]D3.js - 차트만드는 자바스크립트 라이브러리 공식사이트 https://d3js.org/ D3 by Observable | The JavaScript library for bespoke data visualization D3 The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility d3js.org 2023. 11. 8.
자바스크립트 애니메이션 라이브러리 Velocity.js http://velocityjs.org/ Velocity.js Overview At only 3Kb zipped, the UI pack is a must-have for improving your animation workflow. It exposes two functions: $.Velocity.RegisterEffect() and $.Velocity.RunSequence(). The former allows you to combine multiple Velocity calls into a a single effe velocityjs.org mo.js https://mojs.github.io/ mo.js mojs.github.io anime.js https://animejs.com.. 2023. 6. 30.
odometer.js -숫자 카운팅 애니메이션 js 라이브러리 리소스 예제 2023. 5. 8.
[jquery]rwdImageMaps.js-반응형 이미지 맵 플러그인 사이트 https://github.com/stowball/jQuery-rwdImageMaps GitHub - stowball/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin Responsive Image Maps jQuery Plugin. Contribute to stowball/jQuery-rwdImageMaps development by creating an account on GitHub. github.com 사용법 $('img[usemap]').rwdImageMaps(); 파일 2023. 4. 5.
[jQuery]maphilight.js - map태그 마우스오버할 때 강조 효과 나타내는 플러그인 공식사이트 & 문서 https://projects.davidlynch.org/maphilight/docs/#maphilight jQuery maphilight documentation maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. This would hilight every image with a map on the page: $('img[usemap]').maphilight() $.maphilight.defaults The defaults for all uses of maphil projects.davidlynch.org 데모 https://pro.. 2023. 4. 5.
[JS]chart.js로 간단한 차트 만들기 chart.js 으로 간단한 차트 만들기 데이터 외부 json 파일을 불러오기 함 ※ 통계 출처 : 통계청 - 전체 육아휴직자 수 { "items": [ { "year": 2016, "total": 140403, "father": 11965, "mother": 128438 }, { "year": 2017, "total": 142038, "father": 18160, "mother": 123878 }, { "year": 2018, "total": 153741, "father": 25062, "mother": 128679 }, { "year": 2019, "total": 163256, "father": 32051, "mother": 131205 }, { "year": 2020, "total": 171959,.. 2022. 12. 26.
[JS]chart.js - 차트만드는 자바스크립트 라이브러리 공식 사이트 Chart.js Simple yet flexible JavaScript charting library for the modern web www.chartjs.org 예제 간단한 차트 만들기 2022. 7. 12.
[JS]three.js - 3D 자바스크립트 라이브러리 https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 2022. 7. 12.
[jQuery] jQuery 슬라이드 라이브러리 jQuery 기반 슬라이드 라이브러리 1. Slick https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 2. Bxslider https://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 3. swiper sl.. 2021. 7. 25.

티스토리툴바