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

최소화된 크기는 2KB 미만, 압축된 크기는 800바이트 미만의 js 입니다.사용하기도 쉽습니다.위와 같이 간단한 사용법으로 사용 가능합니다.간단한 사용으로 SVG 애니메이션을 만들 수 있습니다.https://codepen.io/lcdsantos/pen/xwwEJw/데모를 보시면 이해가 빠르실 겁니다. 간단한 사용으로 SVG 애니메이션을 만들어 보시면 되겠습니다.

페이지 로드전 로드 애니메이션을 보여줄 수 있는 js 입니다. 사용법도 간단합니다.css 와 js 를 선언하고 div 를 만든 후 스크립트를 실행되게 해주면 됩니다.7가지 옵션이 있고, 배경색도 변경 가능합니다.http://joaopereirawd.github.io/fakeLoader.js/데모를 확인해 보시면 이해가 빠르실 겁니다.

- 작동 원리Zebra Tooltips는 간단하면서도 똑똑하고 시각적으로 매력적인 툴팁을 만드는 가볍고 높은 사용자 정의성을 갖춘 크로스 브라우저 jQuery 플러그인으로, 아름다운 전환 효과를 제공하고 다양한 구성 옵션을 제공합니다. 모양은 JavaScript 및/또는 CSS를 통해 쉽게 사용자 정의할 수 있습니다. 또한, 도구 설명은 부모 요소에 대해 왼쪽, 가운데 또는 오른쪽에 정렬할 수 있습니다. Zebra Tooltips는 이미지를 전혀 사용하지 않으며(모든 것은 CSS에서 처리됨) 모든 고급 기능을 지원하지 않는 브라우저에서도 문제없이 작동합니다. 또한 앵커 태그뿐만 아니라 모든 요소에 툴팁을 첨부할 수 있습니다!- 라이센스MIT- 사용 방법1. 페이지에 필요한 CSS 파일을 포함합니다.2. ..

- 플러그인 설명Flyaler는 jQuery를 위한 가볍고 간단한 알림 시스템입니다. 개발자는 눈에 띄지 않는 "growl-style" 알림 상자를 만들어 사용자에게 다양한 상태나 메시지를 알릴 수 있습니다. 이러한 알림은 성공, 오류, 위험, 경고 및 사용자 지정 유형을 포함한 다양한 유형을 지원합니다. 각 알림에는 제목, 설명 및 하단에 카운트다운 바가 포함되어 자동으로 닫힐 때까지 남은 시간을 표시합니다(기본값은 5초). 이 플러그인은 사용자 피드백, 알림 및 실시간 업데이트를 위한 깔끔한 솔루션을 제공합니다. 양식 제출 후 확인 메시지를 표시하거나, 사용자에게 오류를 알리거나, 워크플로를 방해하지 않고 간단한 상태 업데이트를 제공하는 데 유용합니다.- 라이센스MIT- 사용 방법1. 최신 jQuer..

간단하게 홈페이지에 언어 번역기를 장착하는 위젯 Conveythis 입니다.https://www.conveythis.com/ 무료버전과 유료버전으로 구분되어 있으므로,접속량이 많지 않은 사이트라면 무료버전으로 이용을 해보실 수 있겠습니다.https://www.conveythis.com/pricing/ 장착하는 방법은 간단합니다.회원가입 후에 대쉬보드에서 사이트 생성을 하게 되면 적용해야 될 소스가 나옵니다.해당 소스를 홈페이지내에 삽입을 하면 완료 됩니다.

# 플러그인 소개 Hazel은 일정 시간 후에 자동으로 사라지는 고정된 토스트 모양의 알림 팝업 을 만드는 아주 작은 jQuery 플러그인입니다 .기본, 성공, 어둡고, 위험하고, 경고의 5가지 기본 테마가 제공됩니다. 기존 테마를 사용자 지정하거나 나만의 테마를 추가할 수도 있어 알림이 어떻게 보이는지에 유연성을 제공합니다. # 장점 CSS가 JavaScript 파일 자체에 포함되어 있다는 것입니다. 즉, 별도의 스타일 시트를 포함할 필요가 없으므로 모든 것이 깔끔하게 유지됩니다.# 라이센스MIT 라이센스# 사용방법 1. 라이브러리 호출 script src="https://code.jquery.com/jquery-3.7.0.min.js">script>script src="hazel.js">script>..

MediaElement.js는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다 .라이센스는 MIT 라이센스 입니다. HTML5 의  VIDEO 태그를 기반으로 한 플레이어 입니다. 지원 포맷은 MP4, MP3, WebM은 물론 Dailymotion, Facebook , SoundCloud, Twitch, Vimeo, Youtube 등 거의 모든 오디오 및 비디오 포맷을 지원합니다.압축 해제하시면 demo / index.html 파일이 있습니다. 해당 파일을 실행하시면 플레이어 화면 확인 가능 합니다. Sources 부분을 보면 영상 주소를 플레이어에게 전달합니다. label>Sources    select ..

위의 테이블을 사이즈를 줄이면위와 같이 쉽게 만들어주는 jquery 소스 입니다.변화를 주는 사이즈는 CSS 에서 조절하면 됩니다.이후 스크립트로 merge(병합), move(이동), span 등 으로 조절할 수 있습니다.해당 부분은https://github.com/codefog/restables?tab=readme-ov-file위의 링크에서 잘 설명 되어있으니 참고하시면 되겠습니다.

위와 같이 버튼에 오른쪽 버튼을 누르면 메뉴를 만들어 줄 수 있는 jquery 입니다.사용법은 간단합니다. items 으로 메뉴를 만들고,callback 에서 각 키에 따라 해당 메뉴에 따라 작동하는 스크립트를 작성하면 됩니다.해당 버튼에 다양한 기능을 넣고 싶을때에 오른쪽 버튼을 활용하여 여러 메뉴로 확장하기에 좋은 jquery 로 보입니다.

마우스를 따라 다니는 블랙홀 디자인 입니다.간단한 배경 애니메이션이 필요하실 때 사용 해도 좋을거 같습니다.자세한 내용은 데모에서 확인할 수 있습니다.html