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

좌우 버튼 클릭 시 이미지 카드가 부드럽게 순환되는 슬라이더.두 번째 카드에만 제목과 설명이 표시되며 자연스러운 전환 효과가 특징임.HTML, CSS, JavaScript로 구성된 간단한 순환형 이미지 슬라이더입니다. 버튼 클릭 시 첫 번째 카드는 뒤로, 마지막 카드는 앞으로 이동하며 자연스럽게 순환됩니다.중앙의 카드에는 제목, 설명, 버튼이 애니메이션 효과로 표시됩니다.가볍고 확장성이 좋아 포트폴리오, 여행, 제품 소개 등에 활용하기 적합합니다.HTML 구조 class="item" style=" background-image: url('https://images.unsplash.com/photo-14787603291..

- 소개TailwindCSS 태그 입력 시스템은 표준 입력 필드를 부드러운 애니메이션과 TailwindCSS 스타일을 적용한 대화형 태그 입력으로 변환하는 가벼운 jQuery 플러그인입니다. - 라이센스MIT- 사용 방법1. 필요한 jQuery 라이브러리와 TailwindCSS를 문서에 로드합니다. 프로덕션 환경에서는 CDN 대신 TailwindCSS CLI 도구를 사용하여 TailwindCSS를 올바르게 설치하는 것이 좋습니다. CDN 버전은 사용자 지정 및 제거 기능이 없습니다.2. 문서에 TailwindCSS 태그 입력 시스템 파일을 로드합니다. 3. 문서 내 모든 표준 입력 필드에 tag-input 클래스를 추가합니다. 쉼표로 구분된 값으로 미리 채워 넣을 수도 있습니다.4. 문서가 준비되면 Ta..

- 소개작은 화면에서 넘쳐나는 탭을 토글 가능한 드롭다운 목록으로 축소하여 Bootstrap 탭 구성 요소를 완벽하게 반응형이고 모바일 친화적으로 만들어 주는 또 다른 jQuery 플러그인입니다 .- 라이센스MIT- 사용 방법1. jQuery와 Bootstrap이 모두 로드된 웹페이지에 핵심 JavaScript 파일을 가져옵니다 .2. 다음과 같이 탭과 탭 창을 만듭니다. 3. 탐색 탭에서 함수를 호출하면 플러그인이 나머지 작업을 처리합니다.- 작동 화면

AI 아바타, 음성 및 다양한 비디오를 편집 생성할수 있는 무료 AI 비디오 생성 플랫폼 Vidnoz AI 입니다.주요 핵심기능으로는AI 아바타를 선택하여 음성을 입히는 기능, 다양한 템플릿을 활요한 영상 편집 기능텍스트를 비디오로 , 이미지를 비디오로 편집하는 기능 등 AI 비디오 생성에 최적화된 기능을 제공합니다.플랜 사용료는 무료 부터 비즈니스까지 다양합니다.무료는 하루 3분이내 영상 제작 등이 제한적으로 가능하며, 플랜이 업그레이드 될수록 더욱 다양한 기능 및아바타, 템플릿 등을 이용할 수 있습니다.

안녕하세요 해피CGI 입니다.해피 재능마켓 웹솔루션 Ver3.0 [입점형]으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 재능마켓 웹솔루션스킨 A해피 재능마켓 웹솔루션스킨 B

사용자의 글작성 및 편집을 도와주는 생성형 글쓰기 AI 플랫폼 hix.ai입니다.주제에 맞춰 자동으로 글작성, 특정 주제에 맞춘 심층적인 글 작성 도우미, 웹 정보를 검색하여 글작성하는 기능 등다양하고 유요한 기능을 제공합니다.풀팬 이용료는 월 29.99 달러 이며, 무제한 제공 됩니다. 연간 결제시 50% 할인된 금액으로 이용 가능합니다.사용방법은 아주 간단합니다. 회원가입 후 프롬프트를 통해 워하는 주제나 기본적인 내용을 입려한 후 작성 방향을 작성하면 됩니다.또한 생성된 결과물에 대화를 통해 계속 개선 및 수정도 가능합니다.다야한 AI모델도 선택가능합니다.

HyperCLOVA는 네이버가 방대한 한국어 데이터를 학습시켜 만든 초거대 인공지능 모델입니다. GPT-4 등의 글로벌 LLM이 영어 데이터 중심으로 학습된 것과 달리, HyperCLOVA는 한국어 웹 데이터를 집중적으로 학습하여 한국 문화와 정서를 가장 잘 이해하고한국어 화자의 의도를 정확하게 파악하는 데 강점을 가집니다.https://www.clova.ai/hyperclova 아래 페이지를 통해서 chatgpt.com 과 같이 대화형으로 AI를 이용이 가능 합니다.https://clova-x.naver.com/ 제공되는 API 는 아래 페이지에서 확인이 가능 합니다.https://api.ncloud-docs.com/docs/ko/home

**Hailuo AI (하이루오 AI)**는 중국의 AI 스타트업 Shanghai MiniMax에서 개발한 강력한 영상 생성 모델입니다.OpenAI의 Sora와 Kuaishou의 Kling AI 등 글로벌 모델들과 경쟁하며, 빠른 생성 속도와 뛰어난 품질로 주목받고 있습니다.https://hailuoai.video/가입시 무료토큰을 이용해서 영상 생성을 테스트 할 수 있습니다.다만 무료토큰을 이용하는 경우,동영상 생성 시간이 꽤나 소요 될 수 있습니다.이용 요금은 아래 페이지를 통해 확인이 가능 합니다.https://hailuoai.video/subscribe/modal 하이루오 AI는 API를 제공하므로,API를 이용해서 홈페이지에 장착하여 이용도 가능 합니다.https://www.minimax.io/..

three.js 를 사용한 3D 디자인으로 입체적으로 사이트를 꾸밀 수 있을 거 같습니다.자세한 내용은 데모를 참고해 주시기 바랍니다.HTML X CSS@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');body{ overflow: hidden; margin: 0;} .container{ display: none; position: absolute; bottom: 5vh; left: 50%; transform: translate(-50%, 0); height: 17vh; aspect-ratio: 3; background: rgba(0, 0, 0, 0.5); clip-p..

마우스 오버 시 버튼 디자인이 바뀌는 코드입니다.카드 디자인으로 다이나믹한 사이트를 제작할 때 유용할거 같습니다.자세한 내용은 데모를 참고해 주시기 바랍니다.HTML Start Favorite Confirm Settings CSS:root { --bg: #0f1724; --accent1: #06b6d4; --accent2: #7c3aed; --accent3: #f59e0b; --accent4: #10b981; --light: #..