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

라이센스MIT- 사용 방법1. jQuery 라이브러리와 pdf.js 파일을 불러옵니다.2. 아이콘 재료를 불러옵니다. (선택사항)3. pdfjs-viewer 플러그인 파일을 불러옵니다.4. pdf.js 라이브러를 초기화합니다.5. 지정한 HTML 요소에 PDF 뷰어를 포함시킵니다.6. PDF 뷰어의 도구 모음을 추가하거나 수정할 수 있습니다. (사이트 참고)- 작동 화면

- 라이센스MIT- 사용 방법1. jQuery 라이브러리와 Watermarker.js 파일을 불러옵니다.2. 이미지 업로드를 위한 HTML FILE 폼을 추가합니다.3. 워터마크 로고 이미지 경로를 지정하고 플러그인을 호출합니다.4. 워터마크의 위치나 간격 등을 조절할 수 있습니다.- 예시 화면

데이터 편집, 필터링, 정렬등과 같은 강력한 기능을 제공하는 TOAST UI - GRID 입니다.https://ui.toast.com/tui-grid https://github.com/nhn/tui.grid 페이지에서 최신 소스 다운로드가 가능하고,사용법은 아래 페이지들을 참고 하시면 됩니다.https://ui.toast.com/tui-grid https://nhn.github.io/tui.grid/latest/ 샘플은 29여종이 제공되고 있습니다.https://nhn.github.io/tui.grid/latest/tutorial-example01-basic

트리 구조로 메뉴등의 편집 및 드래그 기능을 제공하는 TOAST UI - Tree 입니다.기본적인 기능외에도 편집기능이 내장되어 있어서,설정툴 및 메뉴등으로 활용이 가능 합니다.https://github.com/nhn/tui.tree 페이지에서 최신 소스 다운로드가 가능 하고,사용법은 아래의 API 메뉴얼을 살펴 보시면 되겠습니다.https://nhn.github.io/tui.tree/latest/Tree 샘플은 https://nhn.github.io/tui.tree/latest/Tree 페이지에서 9가지를 제공 합니다.

imgrights는 Html5 속성 또는 인라인 요소를 기반으로마우스를 가져갈 때 연결 가능한 이미지 저작권 정보를 표시하는 간단한 jQuery 플러그인입니다.다운로드 받은 파일의 압축을 해제한 뒤index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.웹페이지에 이미지를 표시하고,마우스를 올리면 이미지 우측 하단에copyright 를 표시해주는 기능이 있습니다.사용법은 아래와 같습니다.이미지를 많이 사용하고,각 이미지마다 서로 다른 copyright 표시가 필요한 페이지에 사용하기에 좋겠네요

2000개 이상의 다양한 무료 아이콘을 공유 받을 수 있는 홈페이지입니다.아이콘별 사이즈도 다양한게 다운로드 가능합니다.다인기있는 카테고리별로 아이콘 검색도 가능하여 여러모로 유용하게 이용이 가능합니다.

누구나 쉽고 편리하게 사용자 중심의 공공 웹,앱을 구축, 운영, 관리를 하도록 지원하는 안내서입니다. 색상, 서체, 형태, 배치, 아이콘 등 다양한 카테고리별 스타일 가이드를 제공하며,배너, 푸터, 헤더, 사이트메뉴, 달력, 모달, 검색등 컴포넌트별 가이드도  제공합니다.공공 웹, 앱을 제작할 경우 놓치는 경우가 많은 요소에 대해서 자세한 설명이 되어 있으니,유용한 정보가 가득 담긴 홈페이지입니다.

dragSort.js는사용자가 드래그 앤 드롭을 통해특정 컨테이너의 항목을 재정렬할 수 있도록 하는사용하기 쉬운 jQuery 플러그인입니다. HTML 목록뿐만 아니라 플러그인은 테이블, DIV, 설명 목록, 양식 필드 및 상상할 수 있는 모든 것과 같은 거의 모든 HTML 요소를 지원합니다.다운로드 받은 파일의 압축을 해제후index.html 파일을 웹브라우저에서 열어보면 확인이 가능합니다.여러 목록 간에 항목을 드래그할 수 있습니다.사용자 지정 자리 표시자 템플릿입니다.요소를 무시할 수 있습니다.항목을 목록 밖으로 끌 때 페이지/컨테이너를 자동으로 스크롤합니다. 사용방법은 아래와 같습니다.

Start designing for free 버튼을 클릭하시면 생성 페이지로 이동합니다.다양한 SVG 모양과 배경을 만들수 있는 웹사이트 입니다.색상이나 사이즈등 커스터마이징을 웹사이트에서 쉽게 할 수 있습니다.생성된 소스는 SVG 또는 PNG 형태로 무료로 다운로드 받을 수 있습니다.

두가지 형태와 다양한 에니메이션 효과가 있는 토글 버튼 소스입니다.css 만으로 구현되어 있기에 커스터마이징을 쉽게 할 수 있습니다.모양은 동일해도 에니메이션에 차이가 있습니다.해당 사이트에서 버튼별로 css 소스를 확인할 수 있습니다.첨부된 파일을 다운로드 받으셔서 직접 확인도 가능합니다.