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

Easy Tree는 jQuery와 Bootstrap 3을 위한 훌륭하고 강력한 트리 뷰 플러그인입니다. 아이템/노드를 선택, 추가, 편집 또는 제거하여 사용자만의 트리 뷰 구조를 구축할 수 있습니다.라이센스는 MIT 입니다. # 사용방법1. HEAD 에 라이브러리 추가 합니다. link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js">script>script src="http://ajax.googleapis.com/ajax/libs/jquery/1..

table2excel은 HTML 테이블 데이터를 Excel 파일로 내보낼 수 있는 간단하면서도 유용한 jQuery 플러그인입니다.라이센스는 MIT 입니다.# 사용방법 안내1. HEAD 에 라이브러리 추가script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">script>script src="../dist/jquery.table2excel.js">script>2. 내보내기 버튼을 추가하여 테이블 데이터를 EXCEL 파일로 수동 다운로드하기 (선택사항)button>Exportbutton>3. 다운로드 버튼 클릭 시 변환할 테이블을 플러그인과 연결SCRIPT>$("button").click(function(){ $("#tab..

개발자를 위한 AI 검색 엔진 입니다.다양하게 활용가능하겠으나, jquery 네비게이션 바를 만들어 달라고 하니,코드가 바로 작성 됩니다. 기본 구조, css, jquery 부분 등 각 부분별로 친절하게 설명해줍니다.더 깊은 질문도 추천해줍니다.프로로 업그레이드 도 가능한데, 프로로 업그레이드 하면브라우저에서 코드 실행가장 복잡한 질문에 대한 답을 찾기 위해 추가 검색 가능가장 고급 모델 지원이미지 생성이미지, PDF 및 CSV 분석기능이 추가 됩니다.참고하여 활용해 보시기 바랍니다.

온라인으로 타자 연습을 할 수 있는 사이트 입니다.근데 타자 연습을 코딩 언어로 할 수 있습니다.다양한 언어를 지원합니다.코딩 내용으로 타자 연습을 하고 싶다면, 추천 드립니다.

#카드 슬라이더 #회전형 카드 목록 #카드형 이미지 롤링 #카드 회전 뷰어카드 형식의 콘텐츠를 좌우로 부드럽게 넘길 수 있도록 구성된 이 캐러셀은, 반응형 디자인과 터치/마우스 인터랙션을 지원하여 다양한 환경에서 시각적으로 깔끔한 콘텐츠 탐색을 제공합니다.HTML 구조OUR TEAM ‹ https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?q=80&w=3687&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Team Member 1" /> https://images.unsplash.com/photo-156860247..

Alpine.js를 사용하여 html 블록을 반복 생성하게 만든 디자인 입니다.스크롤 시 설정한 개수 만큼 이미지가 자동으로 출력되게 되어있습니다.자세한 내용은 데모를 확인해 주시기 바랍니다.HTML CSS* { margin: 0; padding: 0; box-sizing: border-box;} .wrapper { background-color: black; padding: 0.5rem;} .gallery { column-count: 1; column-gap: 0.5rem; list-style-type: none; & li { break-inside: avoid; min-height: 30vmin; margin..

안녕하세요 해피CGI 입니다.해피 숙박 실시간예약 웹솔루션 Ver3.8 [입점형]으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

마우스를 올리면 디자인이 변경되는 깔끔하고 심플한 느낌의 버튼 효과입니다.응용하여 다양하게 활용 가능합니다.HTML 구조 Hover Swipe CSS 소스* { margin: 0; padding: 0; border-sizing: border-box;} html, body { width: 100%; height: 100%; border: none; outline: none;} body { display: flex; align-items: center; justify-content: center; background-color: #d2f7d3;} #cursor { position: fixed; z-index: 100; left: 0; top: 0; ..

마우스 효과가 들어간 네비게이션 커서 이펙트입니다.응용하여 다양하게 활용 가능합니다.HTML 구조 Home Our Story Studio Contact CSS 소스@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,750,700,800,900&display=swap'); body { margin: 0; padding: 0; cursor: none; font-family: 'Poppins', sans-serif;} .nav-wrapper { width: 100%; height: 100vh; background..

Alpine.js를 사용한 메뉴판 입니다.각 항목을 누르면 숨겨진 메뉴가 출력되는 형식입니다.자세한 내용은 데모를 확인해 주시기 바랍니다. HTMLhttps://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"> CSS* { margin: 0; padding: 0; box-sizing: border-box;} body { height: 100vh..