일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- #홈페이지제작
- 사이트제작
- 해피씨지아이
- CSS
- happycgi
- #image
- javascript
- 게시판
- #솔루션
- #해피CGI
- #jQuery
- #happycgi
- 해피CGI
- 웹솔루션
- jquery
- #동영상
- #업종별
- CGIMALL
- #CSS
- #이미지
- #홈페이지
- #cgimall
- #웹솔루션
- #쇼핑몰
- 홈페이지제작
- php
- 쇼핑몰
- 솔루션
- #뉴스
- 홈페이지
- Today
- Total
목록happycgi (2263)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bY0awu/btsGw74C1ac/7MmSN0fKjbGwBOeY6TrAf0/img.jpg)
온라인 RGB 색상표, HSL, HSV, CSS 색상코드 모음 사이트입니다. Name, RGB, HSL, HSV, Hex 색상 코드 및 색상 명칭 입력 후 Enter를 누르거나 팔레트를 클릭하면 다양한 색상 코드를 알 수 있는 유용한 사이트입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vjS4l/btsGsWwkOV4/27JBknPDI3PNNFrclgAOGK/img.jpg)
UPLOAD 버튼을 눌러 용량을 줄일 이미지를 선택합니다. Compression level 조절하여 이미지 용량을 줄여줍니다. COMPRESS 버튼을 눌러 용량을 줄인 이미지를 불러옵니다. DOWNLOAD 버튼을 클릭하여 용량이 줄어든 이미지를 다운로드 받을 수 있습니다. 포토샵, 이미지 편집툴 없이 이미지 용량을 줄일 수 있으며 웹사이트의 로딩 속도를 위해 이미지 용량을 줄여야 할 경우에 사용하기 좋은 사이트입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bViYAF/btsGqfXuR6j/Skm4V39FzZAJeKm7KOqTa1/img.png)
생성형 AI 로 로고 를 만들어주는 사이트 입니다. 단계별로 기업명, 그리고 해당 기업이 추구하는 단어, 심볼, 색상 이런 것 들을 선택하여, 최종 생성해 줍니다. 위의 단계들을 거쳐 만들어진 이미지입니다. AI 로 로고를 간단히 생성해 보시기 바랍니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/FALj1/btsGnJQRXeM/Gv92nlTOv0We0aIyaqD8qk/img.png)
위처럼 체크박스 그룹을 만들고 상단의 체크를 하면 하위 모든 체크박스가 체크 되는 기능입니다. 사용법은 간단합니다. 상단 다운로드 버튼을 눌러 다운 받은 후 cbFamily-v1.js 를 로드 합니다. 그리고 샘플로 명시된 코드처럼 진행하시면 됩니다. 설문조사 등의 페이지를 만들때 유용해 보이니 활용해 보시기 바랍니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pvNGJ/btsGj4mZwgx/ku9h8MKD0L7a7rZYtyjeak/img.jpg)
한국어를 지원합니다. 저작권 표기 없이 상업적 용도로 사용할 수 있으며 색상, 크기, 각도 조절까지 가능합니다. SVG, PNG, CSS 파일을 제공합니다. 위 화면과 같이 패턴의 위치, 두께, 등등 상세한 옵션을 설정할 수 있습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bumLvZ/btsGffQSZh7/eugk1eAjW5Rz0TCb7ErXZk/img.jpg)
CSS와 JS를 이용한 사이드 메뉴 인터페이스입니다. 마우스를 올렸을 때 아이콘을 포함한 하이라이트 처리가 됩니다. HTML 구조 CSS 소스 JS 소스 첨부파일을 다운로드 받거나 해당 사이트로 이동해서 전체 소스를 확인하실 수 있습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/JVN7B/btsGeM1sFo0/8iQNJ4eUHeUnMAwXMKkMAK/img.gif)
안녕하세요 해피CGI 입니다. 해피 커뮤니티 솔루션 Ver3.2 홈페이지가 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 커뮤니티 솔루션 (미니홈 비내장) 해피 커뮤니티 솔루션 (미니홈 내장)
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bm61Fn/btsGdpTQmEn/KzppPUzYTVYvnNT3oJQKkk/img.jpg)
심플하고 강력한 기능들을 보유한 위지윅 에디터 TOAST UI Editor 입니다. https://ui.toast.com/tui-editor 페이지에서 에디터의 구동 화면을 볼 수 있습니다. 특이한것은 일반적인 에디터 영역만 노출이 되는것이 아니라, 왼쪽, 오른쪽 화면으로 분리가 되어 있습니다. CB버튼을 통해 Code Block을 추가하고 왼쪽 화면에 명령어 형태의 정해진 값을 입력시에 오른쪽의 에디터 영역에 적용되어 노출이 됩니다. 차트 예시 이미지 : 에디터 영역만 볼려면 오른쪽 하단의 위지윅 버튼을 클릭하면 됩니다. 자세한 사용방법은 https://github.com/nhn/tui.editor/blob/master/docs/v3.0-migration-guide-ko.md 페이지를 참고 하시면 되겠..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b8Ekid/btsFWAG0uWd/I3Sbua866twUVtphOKbKek/img.jpg)
Algolia는 AI 기반의 검색 API로, 고객이 원하는 제품 및 데이터를 빠르고 정확하게 찾을 수 있습니다. API를 활용하여 운영중인 홈페이지에 검색기능을 Algolia를 통해 구현이 가능합니다. 무료로 기능을 일부 이용이 가능 합니다. https://www.algolia.com/pricing/ 페이지에서 무료, 유료 제품의 차이점 확인이 가능 합니다. API 사용방법은 https://www.algolia.com/doc/ 페이지를 참고 하시면 됩니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dfa0pS/btsFGqd1fx8/KVJ4RCO1wEel2C8Fs3kdkK/img.jpg)
ddMap은 개발자가 사용자 정의 가능한 대화형 반응형 Yandex 지도를 웹 페이지에 포함할 수 있는 경량 jQuery 플러그인입니다. 위도/경도 좌표 및 팝업 콘텐츠를 포함한 마커 데이터 배열을 전달하면 ddMap이 지도에 표시합니다. 마커가 두 개 이상인 경우 모든 마커에 맞게 맵의 크기를 자동으로 조정합니다. 사용자 지정 콘텐츠로 마커를 사용자 지정하고, 확대/축소 버튼과 같은 지도 컨트롤을 설정하고, 다른 Yandex 지도 옵션을 통과할 수 있습니다. 플러그인은 맵 초기화를 처리하므로 상용구 코드를 작성할 필요가 없습니다. 사용방법은 아래와 같습니다.