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

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 sketchpad.js 파일을 불러옵니다. 2. 스케치패드용 HTML Canvas 요소를 추가합니다. 3. 스케치패드 플러그인을 호출합니다. 4. 선의 굵기나 색상을 지정할 수 있습니다. 5. 애니메이션과 속도를 조절할 수 있습니다. 6. 실행 취소와 다시 실행을 사용할 수 있습니다. 7. 스케치한 정보를 JSON 또는 JavaScript 개체로 내보낼 수 있습니다. 8. 저장된 스케치 정보를 불러올 수 있습니다. - 작동 화면

- 소개 오늘날 웹 성능이 직면한 가장 큰 문제 중 하나는 이미지가 대역폭 사용량의 대부분을 차지하므로 웹 페이지 속도가 느려진다는 것입니다. WebP는 Google에서 개발한 이미지 형식의 일종으로, 디스크 공간과 네트워크 대역폭을 덜 차지하며 Chrome, Opera 등과 같은 모든 주요 브라우저에서 더 잘 지원됩니다. 그러나 이미 이 형식으로 이미지를 제공하고 있지 않으면 사이트를 방문하는 방문자는 WebP 이미지에 액세스할 수 없습니다. 이 플러그인은 약간의 JavaScript(jQuery Script)를 사용하여 기존 이미지(PNG/JPG/GIF)를 모두 WebP 이미지로 대체할 수 있도록 돕기 위해 탄생했습니다. - 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 main.js 파..

CSS로 간단하게 버튼클릭시 알림 화면을 표시합니다. 심플한 디자인 작업할 때 유용할 거 같습니다. HTML CSS 상세내용은 데모사이트 주소에서 확인가능합니다.

마우스 따라 배경이미지가 보이는 효과입니다. 배경 이미지가 보이는 연출에 적합할 것 같습니다. 상세내용은 데모사이트 주소에서 확인가능합니다.

다양한 라인 백터 아이콘 자료와 정보 모음 - 라이나(Linia) 웹사이트 제작이나 아이콘 사용이 필요한 작업을 하실때 많이 사용하는 라인 백터 아이콘의 정보를 한번에 찾아볼수 있는 유용한 사이트입니다.

온라인 RGB 색상표, HSL, HSV, CSS 색상코드 모음 사이트입니다. Name, RGB, HSL, HSV, Hex 색상 코드 및 색상 명칭 입력 후 Enter를 누르거나 팔레트를 클릭하면 다양한 색상 코드를 알 수 있는 유용한 사이트입니다.

UPLOAD 버튼을 눌러 용량을 줄일 이미지를 선택합니다. Compression level 조절하여 이미지 용량을 줄여줍니다. COMPRESS 버튼을 눌러 용량을 줄인 이미지를 불러옵니다. DOWNLOAD 버튼을 클릭하여 용량이 줄어든 이미지를 다운로드 받을 수 있습니다. 포토샵, 이미지 편집툴 없이 이미지 용량을 줄일 수 있으며 웹사이트의 로딩 속도를 위해 이미지 용량을 줄여야 할 경우에 사용하기 좋은 사이트입니다.

생성형 AI 로 로고 를 만들어주는 사이트 입니다. 단계별로 기업명, 그리고 해당 기업이 추구하는 단어, 심볼, 색상 이런 것 들을 선택하여, 최종 생성해 줍니다. 위의 단계들을 거쳐 만들어진 이미지입니다. AI 로 로고를 간단히 생성해 보시기 바랍니다.

위처럼 체크박스 그룹을 만들고 상단의 체크를 하면 하위 모든 체크박스가 체크 되는 기능입니다. 사용법은 간단합니다. 상단 다운로드 버튼을 눌러 다운 받은 후 cbFamily-v1.js 를 로드 합니다. 그리고 샘플로 명시된 코드처럼 진행하시면 됩니다. 설문조사 등의 페이지를 만들때 유용해 보이니 활용해 보시기 바랍니다.

한국어를 지원합니다. 저작권 표기 없이 상업적 용도로 사용할 수 있으며 색상, 크기, 각도 조절까지 가능합니다. SVG, PNG, CSS 파일을 제공합니다. 위 화면과 같이 패턴의 위치, 두께, 등등 상세한 옵션을 설정할 수 있습니다.