웹솔루션개발 22년 노하우! 해피CGI의 모든것

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 maxlength.js 플러그인을 링크합니다. 2. 플러그인을 적용하려면 입력 필드에 data-max-length 옵션을 추가하면 됩니다. 3. 자릿수 제한 외에도 다양한 옵션을 사용할 수 있습니다. data-disable-autofill: 부분 자동 채우기를 비활성화합니다. data-disable-auto-comma: 쉼표 자동 완성을 비활성화합니다. data-disable-smart-minus: 스마트 마이너스 구성을 비활성화합니다. data-disable-init-refresh: 초기 새로 고침을 비활성화합니다. data-enable-highlight-minus: 기본 빨간색 또는 할당된 16진수 색상으로 음수 값 강조 표시를 활성화합..

- 라이센스 MIT - 사용 방법 1. QR코드를 생성할 컨테이너를 생성합니다. 2. jQuery 라이브러리와 jQuery.qrcode 플러그인을 로드합니다. 3. QR 코드 컨테이너에서 함수를 호출하고 내용을 정의합니다. 4. QR 코드에 라벨을 추가할 수 있습니다. 5. QR 코드에 로고 이미지를 추가할 수 있습니다. 6. 추가로 사용할 수 있는 옵션의 기본 값입니다. - 결과 예제

a11y Accordion은 웹 페이지 내 콘텐츠 확장 및 축소를 위한 고급, 액세스 가능, 필터링 및 구성 가능한 jQuery 아코디언 플러그인입니다. 아래와 같은 특징들이 있습니다. 아코디언 헤더 사이를 전환하는 Tab 키입니다. Enter 키를 눌러 현재 아코디언 패널을 열거나 닫습니다. 검색 상자를 사용하여 아코디언 머리글/패널/바닥글 콘텐츠를 필터링합니다. 맞춤형 스타일링. Light & Dark 테마가 포함되어 있습니다. 사용자 정의 액세스 가능 레이블. 시맨틱 마크업. HTML 정렬되지 않은 목록을 기반으로 합니다. 중첩된 아코디언도 지원됩니다. 다운로드 받은 파일의 압축을 해제한뒤 index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 일반 적인 아코디언 메뉴에, 입력박스..

티커뉴스 등으로 활용이 가능한 jQuery - Easy ticker plugin 입니다. 사용법은 홈페이지 ( https://www.aakashweb.com/jquery-plugins/easy-ticker/ )하단에서 확인이 가능 합니다. https://www.aakashweb.com/demos/jquery-easy-ticker/ 페이지에서 다양한 티커 기능을 데모체험이 가능합니다. (2페이지까지 제공)

가볍게 사용 가능한 이미지 슬라이드 기능을 제공하는 jCarousel 입니다. 사용법은 https://sorgalla.com/jcarousel/docs/ 페이지를 통해 확인이 가능 합니다. https://sorgalla.com/jcarousel/examples/ 페이지를 통해, 데모 확인을 해보시고 설치 여부를 판단 하시면 되겠습니다.^^

탭 클릭시 하단 이미지 영역이 페이드 아웃 되면서 다음 이미지가 슬라이드 됩니다. css에서 슬라이드 되는 속도 조절이 가능합니다. 스크립트에서 페이드 아웃을 조절할 수 있습니다. 해당사이트 또는 첨부파일을 다운로드 받아서 소스를 직접 확인할 수 있습니다.

Textillate.js는 멋진 라이브러리를 결합하여 모든 텍스트에 CSS3 애니메이션을 적용하기 위한 사용하기 쉬운 플러그인입니다. 애니메이션 효과는 텍스트가 들어올때, 나갈때 두가지 타임으로 구분되어 설정이 가능하며, 설정값은 약 30가지 이상입니다. 메인 슬라이드나 광고영역에 손쉽게 사용이 가능하며, 밋밋한 사이트에 생기가 생겨보이네요.

부드러운 아코디언 효과의 이미지 슬라이드 밋밋한 이미지 슬라이드 대신 가볍고 쓸만합니다, 슬라이드 이미지는 배경이미지로 호출 출력하며, 크기는 CSS, 선택시 효과 애니메이션도 제어가 가능합니다.

Diceware는 jQuery 기반의 높은 엔트로피이지만 일반 주사위를 사용하여 Diceware 단어 목록에서 단어를 무작위로 선택하는 기억하기 쉬운 암호 생성기입니다. 작동방식은 아래와 같습니다. 비밀번호 생성기는 https://world.std.com/~reinhold/diceware.html 의 제안을 기반으로 하며, 가상 주사위는 5번 역할을 하고 5자리 숫자는 단어 조회 테이블에 사용됩니다. 4개의 주사위를 굴리면 인간이 기억하기 쉽지만 해독하기 어려운 엔트로피가 높은 4개의 무작위 단어가 제공됩니다. 데모페이지에 접속을 해서, 주사위를 굴릴 회수를 선택한뒤에 Roll Dice 를 눌러보면 아래의 그림 처럼 웹페이지에 주사위를 굴리는 화면이 표시가 됩니다. 정해놓은 회수만큼 주사위를 굴리고 나면..

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 toaster.js 플러그인을 링크합니다. 2. 기본 토스트 메시지를 표시할 수 있습니다. 3. ERROR 메시지를 표시할 수 있습니다. 4. 시간 초과 후 토스트 메시지를 자동으로 해제할지 여부를 결정할 수 있습니다. (기본값 : true) 5. 토스트 메시지의 배경색을 지정할 수 있습니다. 6. 토스트 메시지의 위치를 설정합니다. right-top (기본값) right-bottom left-top left-bottom center 7. 토스트 메시지를 클릭했을 때 이벤트를 설정할 수 있습니다. - 작동 예제