plugin
-
[Plugin] Rateit.js 란, 그리고 옵션IT/PLUGIN 2022. 6. 2. 17:45
# 목차 사용목적 Rateit.js 란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html) 결과 주로 사용하는 옵션 1. 사용목적 별점주기 같은 호감도 수치를 체크하는 ui에 사용 2. Rateit.js란? 'Rateit.js'는 별점 체크 하는 ui를 좀더 효과적으로 사용할 수 있게 제공하는, 제이쿼리 기반의 플러그인이다. RTL(오른쪽에서 왼쪽으로)읽기를 위해 방향지원도 하고 있다. 3. 플러그인 홈페이지 해당 홈페이지에서 'Rateit.js' 플러그인을 사용하는 방법, 예제 등을 확인할 수 있다. http://gjunge.github.io/rateit.js/examples/ Rateit.js by gjunge 8c) SVG icons Sinc..
-
[Scroll] mCustomscrollbar js 란, 그리고 옵션IT/PLUGIN 2022. 6. 2. 14:37
# 목차 사용목적 mCustomscrollbar js 란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html) 사용을 위한 구문 작성(js) 그리고 결과 주로 사용하는 옵션 1. 사용목적 브라우저나 모바일에서 기본으로 제공하는 스크롤을 커스텀 하기위해 사용한다. 통일된 디자인의 느낌을 잡아주는 한끗 역할을 하는 플러그인이다. 2. mCustomscrollbar js란? 'mCustomscrollbar js'는 스크롤바를 디자인적으로 유연하게 커스텀하여 제공하는, 제이쿼리 기반의 플러그인이다. 마지막 업데이트가 2016년도 6월임에도 웹,앱에서 사용에 무리가 없다.(마우스휠, 키보드, 터치 모두 가능) RTL(오른쪽에서 왼쪽으로)읽기를 위해 방향지원도..
-
[Slider] Swiperjs 옵션IT/PLUGIN 2022. 5. 30. 17:56
주로 사용하는 Swiperjs 옵션 // ! 동일한 스와이퍼 함수가 2번이상 호출되면 이슈가 발생됨(ex : 'pagination' 비정상 작동) // ! thumbs 적용시 일부태그('input, select, option, textarea, button, video')에 적용할 경우 액티브된 요소가 움지이지 않는 이슈 발생함 // (set swiper function name.touchEventsData.formElements = '컨트롤 제어 태그 나열'; ) var swiper = new Swiper('.swiper', { initialSlide : 0, // 슬라이드 시작위치값(몇번째 슬라이드부터 보여 줄것 인지 설정) speed : 400, // 슬라이드 전환 초 수 설정(duration 효과..
-
[Slider] Swiperjs 란, 그리고 설치IT/PLUGIN 2022. 5. 30. 17:45
# 목차 사용목적 Swiperjs란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html, css) 사용을 위한 구문 작성(js) 그리고 결과 1. 사용목적 '배너', '공지사항' 등 '이미지'나 '텍스트' 등으로 된 정보를 시각적으로 회전시키거나, 수동적으로 움직이게하여 제공하기 위해 사용한다. 2. Swiperjs란? 'Swiperjs'는 모바일에 최적화된 'Slider'이나, 일반 웹에서도 큰 이슈없이 사용이 가능하다. MIT라이센스의 오픈소스로 상업적 이용이 가능하다. 3. 플러그인 홈페이지 해당 홈페이지에서 'Swiper.js' 플러그인을 사용하는 방법, 예제 등을 확인할 수 있다. https://swiperjs.com/ Swiper - Th..