noUiSlider는 조절바 부분에 특화된 JS라이브러리다.
조절바와 버튼은 웹앱 개발에서 빈번하게 사용하는 기능이며.
많은 개발자들이 CSS프레임워크를 사용하는 이유 중의 하나이다.
하지만
버튼과 색상 UI를 위해서 CSS프레임워크를 사용하는 경우,
원하지않는 기능까지 모두 불러올 수밖에 없다.
│noUiSlider
noUiSlider - JavaScript Range Slider | Refreshless.com
noUiSlider: lightweight JavaScript range slider with full touch support Multi-Touch support for iOS, Android & Windows (phone) Accessible with ARIA and keyboard support Responsive design friendly No dependencies Tested in IE9 - IE11, Edge, Chrome, Firefox
refreshless.com
특화된 조절바의 기능만을 사용하고 싶다면,
noUiSlider.js를 사용해보자.
무거운 프레임워크를 모두 가져올 필요가 없으며.
아주 간단하게 아래와 같은 조절바를 생성할 수 있다.
'라이브러리 창고 > 레이아웃 · 내비게이션 메뉴 · 버튼' 카테고리의 다른 글
| 『GoldenLayout.js』pc용 s/w 스타일, GUI 라이브러리 (0) | 2021.03.23 |
|---|---|
| 『SortableJS』반응형 테이블메뉴 만들기 (0) | 2021.03.19 |
| 개발용 무료icon 추천 사이트 『svgBox』 (0) | 2020.11.19 |
| 무료 아이콘 사이트 (0) | 2020.08.20 |
| 깔끔한 일러스트, png(무료) 제공사이트 (0) | 2020.08.12 |
댓글