| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |
- php
- javascript
- happycgi
- #동영상
- 홈페이지
- #이미지
- 사이트제작
- 솔루션
- CGIMALL
- #cgimall
- #뉴스
- 해피씨지아이
- 홈페이지제작
- #happycgi
- 해피CGI
- 게시판
- #업종별
- 웹솔루션
- #해피CGI
- 이미지
- #쇼핑몰
- #jQuery
- #웹솔루션
- jquery
- #홈페이지제작
- #CSS
- CSS
- #image
- #솔루션
- #홈페이지
- Today
- Total
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Tiptap - Notion 스타일 에디터 제작이 가능한 최신 JavaScript 에디터 라이브러리
Tiptap은 웹사이트나 관리자 페이지에 글쓰기 에디터를 구현할 때 사용할 수 있는 최신 JavaScript 에디터 라이브러리입니다. 기존 CKEditor나 TinyMCE처럼 정해진 디자인의 에디터를 그대로 붙이는 방식이 아니라, 원하는 UI와 기능을 자유롭게 구성할 수 있는 Headless Editor 방식입니다. Tiptap은 ProseMirror 기반으로 만들어졌으며, 게시판 글쓰기, 블로그 에디터, CMS 관리자 에디터, 쇼핑몰 상품설명 에디터, Notion 스타일 블록 에디터, AI 글쓰기 도우미 같은 기능을 구현할 때 활용할 수 있습니다. React, Vue, Next.js, Nuxt, Svelte, Alpine.js, Vanilla JavaScript 환경을 지원하며, 일반 JavaScrip..
[출시] 임대형 해피 도우미구인구직 웹솔루션 Ver6.4이 새롭게 출시되었습니다
안녕하세요 해피CGI 입니다.임대형 해피 도우미구인구직 웹솔루션 Ver6.4이 출시 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.
[출시] 임대형 해피 유흥구인구직 웹솔루션 Ver3.1이 새롭게 출시되었습니다
안녕하세요 해피CGI 입니다.임대형 해피 유흥구인구직 웹솔루션 Ver3.1이 출시 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.
[출시] 해피 인터넷뉴스 웹솔루션 Ver4.1 스킨J 새롭게 출시되었습니다
안녕하세요 해피CGI 입니다.해피 인터넷뉴스 웹솔루션 Ver4.1 스킨J가 출시 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.
[업그레이드] 해피 종합구인구직 웹솔루션 Ver7.3로 업그레이드 되었습니다
안녕하세요 해피CGI 입니다.해피 종합구인구직 웹솔루션 Ver7.3로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다.감사합니다
[업그레이드] 해피 체험단모집 웹솔루션 Ver4.6 [입점형]으로 업그레이드 되었습니다
안녕하세요 해피CGI 입니다.해피 체험단모집 웹솔루션 Ver4.6 [입점형]으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 체험단모집 웹솔루션 스킨A해피 체험단모집 웹솔루션 스킨B
[해피CGI][cgimall] Floating UI - 최신 Tooltip / Popover 위치 제어 JavaScript 라이브러리
Floating UI는 Tooltip, Popover, Dropdown Menu, Context Menu, Select Box 등 화면 위에 떠 있는 다양한 UI 요소의 위치를 자동으로 계산하고 배치해주는 최신 JavaScript 라이브러리입니다. 기존 Popper.js의 후속 개념으로 개발되었으며 최근 React, Vue, Vanilla JavaScript 환경에서 많이 사용되고 있습니다. 스크롤 영역 안쪽이나 모바일 화면, 브라우저 가장자리 등 복잡한 환경에서도요소가 화면 밖으로 잘리지 않도록 자동으로 위치를 보정해주며 Tooltip, Dropdown, Popover 같은 인터페이스를 매우 안정적으로 구현할 수 있습니다. 특히 화면 충돌 감지(Collision Detection), 자동 방향 변경(F..
[해피CGI][cgimall] 마우스를 따라 다니는 글씨들 Letters mouse follow
글씨가 마우스를 따라다니는 효과입니다. HTML 구조 CSS 소스body { margin: 0; overflow: hidden; height: 100vh;} JS 소스...첨부 파일을 다운로드하거나 해당 사이트로 이동해서 확인해 주세요. 첨부파일을 다운로드하거나 해당 사이트로 이동하여 전체 소스를 확인하실 수 있습니다.
[출시] 해피 인터넷뉴스 웹솔루션 Ver4.1 스킨I 새롭게 출시되었습니다
안녕하세요 해피CGI 입니다.해피 인터넷뉴스 웹솔루션 Ver4.1 스킨I가 출시 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.
[해피CGI][cgimall] 비디오 버튼 Video button animation - Only CSS
버튼에 마우스를 올리면 영상 영역이 보이고 클릭하면 비디오가 재생되는 버튼입니다.응용하여 활용 가능합니다. HTML 구조 video src="https://www.robmillsarchitects.com/files/land/city/RMA_Web_land_city_1.mp4" loop muted autoplay playsinline> a class="dribbble" href="https://dribbble.com/shots/8998221-Video-button-animation-CodePen" target="_blank">svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">p..