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

특수 문자를 HTML에 쉽게 넣을 수 있는 참조표를 보여주는 사이트입니다.html 파일에 사용하고 싶은 특수 문자를 '문자 실제 참조' 코드 또는 '수치 문자 참조' 코드를 사용하여입력하면 아래 이미지처럼 해당 특수 문자가 나타나게 됩니다.또한 폰트관련된 css 코드를 입력해주시면 크기, 굵기 등 쉽게 수정할 수 있습니다. 아래의 링크로 접속하시면 다양한 문자를 볼 수 있습니다.https://wepplication.github.io/tools/htmlCodes/

이미지가 흐려지게되는 애니메이션 효과로마우스를 이미지에 올리게 되면 원본 이미지가 보이는 디자인 입니다.자세한 내용은 데모사이트 주소에서 확인이 가능합니다.HTML https://source.unsplash.com/random/?city,night,neon" /> https://source.unsplash.com/random/?car,night" /> https://source.unsplash.com/random/?beach,skynight,dark" />          CSSbody { height: 100vh; margin: 0; place-items: center; background-color: aliceblue;} .grid-container {..

HTML, CSS로 제작되었으며 슬라이드에 시각적 효과가 들어가 있습니다.데모사이트 주소에서 확인이 가능합니다.   HTML    New York    Madrid

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

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