Web/JavaScript

Web/JavaScript

선택 상자/텍스트 입력 플러그인 Choices.js

바닐라, 경량(~19kb gzipped🎉), 구성 가능한 선택 상자/텍스트 입력 플러그인. Select2 및 Selectize와 비슷하지만 jQuery 종속성이 없습니다. CountUp.js는 모든 브라우저를 지원합니다. https://choices-js.github.io/Choices/ Choices choices-js.github.io

Web/JavaScript

카운트하여 숫자 값에 애니메이션을 적용하여 데이터를 표시하는 CountUp.js

CountUp.js는 보다 흥미로운 방식으로 숫자 데이터를 표시하는 애니메이션을 빠르게 만드는 데 사용할 수 있는 종속성 없는 경량 Javascript 클래스입니다. 그 이름에도 불구하고 CountUp은 전달하는 시작 값과 끝 값에 따라 어느 방향으로든 계산할 수 있습니다. CountUp.js는 모든 브라우저를 지원합니다. https://github.com/inorganik/CountUp.js GitHub - inorganik/countUp.js: Animates a numerical value by counting to it Animates a numerical value by counting to it. Contribute to inorganik/countUp.js development by crea..

Web/JavaScript

jQuery FilePond - 파일업로드 및 이미지 최적화

jQuery FilePond는 JavaScript 라이브러리인 FilePond용 편리한 jQuery 어댑터로, 무엇이든 업로드할 수 있고, 더 빠른 업로드를 위해 이미지를 최적화하며, 훌륭하고 액세스 가능하며 매끄럽고 부드러운 사용자 경험을 제공합니다. 또한 이미지 편집이 필요하십니까? Pintura는 최신 JavaScript 이미지 편집기 를 찾고 있습니다. Pintura는 자르기 종횡비 설정 , 크기 조정 , 회전 , 자르기 및 이미지 뒤집기 를 지원 합니다. 무엇보다도 FilePond와 아름답게 통합됩니다. Learn more about Pintura Pintura Image Editor, a Powerful JavaScript Image Editor SDK A powerful JavaScript ..

Web/JavaScript

TypeScript] 가볍고 사용하기 편한 이미지 슬라이더/캐러셀

Splide는 TypeScript로 작성된 유연하고 가벼운(27kB) 액세스 가능한 슬라이더입니다. 여러 슬라이드, 축소판, 중첩 슬라이더, 세로 방향 등과 같은 옵션을 변경하기만 하면 다양한 종류의 슬라이더를 만들 수 있습니다. 또한 API를 사용하거나 확장을 빌드하여 슬라이더 기능을 향상시킬 수 있습니다. TypeScript로 작성 종속성이 필요하지 않습니다. 경량, 27kB(11kB gzip 압축) 유연하고 확장 가능 300개 이상의 테스트 케이스로 보호 여러 슬라이드 CSS로 슬라이드 또는 페이드 전환 중단점 지원 CSS 상대 단위 허용 이미지를 자를 필요가 없습니다. 진행률 표시줄 및 재생/일시 중지 버튼으로 자동 재생 RTL 및 수직 방향 마우스 드래그 앤 터치 스와이프 자유 드래그 모드 마우..

Web/JavaScript

youtube 재생 완료(종료) 이벤트 받기

http://lab.naminsik.com/3111 유튜브 영상을 가져와서 사이트를 제작할 경우가 발생할 때 여러가지 인터렉션을 구현하게 된다. 그 중 영상의 재생이 끝났다는 이벤트를 받아와서 다른 행동이나 스크립트가 실행되도록 하고자 할 때 아래와 같이 스크립트를 작성한다. 시작 전 ie8 이하는 해당 기능이 되지 않는다. 이유는 html5를 지원하는 브라우저에서만 가능하기 때문이다. html에 유튜브 영상을 넣을 div를 만들어 놓는다. 스크립트가 실행되면 저 div가 자동으로 iframe 로 바뀌어서 영상이 유튜브 영상이 삽입된다. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; va..

Web/JavaScript

howler.js - 최신 웹을위한 오디오 라이브러리.

howler.js는 모든 플랫폼에서 자바 스크립트의 오디오 작업을 쉽고 안정적으로 만듭니다. Features Single API for all audio needs Defaults to Web Audio API and falls back to HTML5 Audio Handles edge cases and bugs across environments Supports all codecs for full cross-browser support Automatic caching for improved performance Control sounds individually, in groups or globally Playback of multiple sounds at once Easy sound sprite def..

Web/JavaScript

카카오맵 폴리곤 지도 내부에 좌표가 있는지 확인

콘솔의 결과값은 true, false 로 반환 [PHP] 현 위치에서 좌표 내부에 현 위치가 있는지 판단하는 알고리즘 https://webinstory.tistory.com/entry/%ED%98%84-%EC%9C%84%EC%B9%98%EC%97%90%EC%84%9C-%EC%A2%8C%ED%91%9C-%EB%82%B4%EB%B6%80%EC%97%90-%EC%9E%88%EB%8A%94%EC%A7%80-%ED%8C%90%EB%8B%A8%ED%95%98%EB%8A%94-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98

projin
'Web/JavaScript' 카테고리의 글 목록