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

마우스 효과가 들어간 네비게이션 커서 이펙트입니다.응용하여 다양하게 활용 가능합니다.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..

CSS만으로 콘텐츠 영역에 매끄러운 스크롤바 디자인을 입히고, 라이트/다크 테마와 다양한 사용자 인터랙션에 대응하는 고급 스크롤 UI입니다. HTML 구조 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis culpa repudiandae mollitia praesentium molestiae cupiditate, et labore porro minima placeat cumque debitis sit quidem, dignissimos rerum, quo ex eos laboriosam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut facilis perspic..

- 소개동기화된 입력 필드로 듀얼 핸들 범위 선택을 지원하는 가벼운 jQuery 범위 슬라이더 플러그인입니다. 1.34KB에 불과한 이 플러그인은 웹 애플리케이션의 정밀한 범위 제어를 구현합니다.범위 슬라이더를 사용하면 핸들을 드래그하거나 입력 필드를 통해 값 범위를 선택할 수 있습니다. 핸들은 동적 으로 업데이트되고 , 범위 막대는 선택한 값을 반영합니다. 입력 필드는 슬라이더 이동과 동기화되는 동시에 수동 입력도 가능합니다.- 라이센스MIT- 사용 방법1. 트랙, 범위 막대, 핸들을 사용하여 범위 슬라이더 컨테이너를 만듭니다.2. 수동 조정을 위한 입력 필드를 만듭니다.3. 문서에 필요한 jQuery JavaScript 라이브러리를 로드합니다.4. jQuery 다음에 범위 슬라이더의 메인 스크립트를 ..

- 소개onScreen은 요소가 뷰포트에 완전히 또는 부분적으로 들어올 때 CSS3 애니메이션이나 다른 상호작용과 같은 사용자 정의 기능을 트리거할 수 있는 가벼운 jQuery 플러그인입니다.예: 화면에 나타나는 이미지에 애니메이션을 적용하고 싶습니다. 스크롤 위치를 직접 계산하는 대신, 각 이미지에 onScreen 함수를 추가하세요. 이 플러그인은 이미지가 충분히 보일 때만 애니메이션 기능을 실행합니다.- 라이센스MIT- 사용 방법1. jQuery 라이브러리와 onScreen 플러그인 스크립트를 모두 웹 페이지에 포함합니다.2. 추적하려는 요소에서 플러그인을 초기화합니다. 요소가 뷰포트에 진입할 때 실행될 콜백 함수를 정의합니다.3. 다음 옵션을 사용하여 화면의 동작을 사용자 정의하세요.- 작동 화면

로그인, 대시보드, 프로필, 결제 등 다양한 화면 유형을 기준으로 디자인 사례를 제공합니다.버튼, 카드, 네비게이션 등 UI 구성 요소별로 디자인 패턴을 탐색할 수 있습니다.실제 디지털 제품에서 사용된 디자인 솔루션을 분석하여, 실무에 적용 가능한 인사이트를 제공합니다.특히 모바일 화면에 맞춘 UI 패턴과 구성 사례도 많아, 앱 디자이너들이 실무에 바로 적용할 수 있는 인사이트를 얻기 좋습니다.

Opinet 에서 제공하는 전국 주유소 유가 정보를 제공하는 OPEN API 입니다.전국 유가 평균가격부터 시도별 가격등의 다양한 정보를 제공 합니다.제공되는 API 목록은 아래와 같습니다.단, 아래의 API는 별도 제휴를 맺고 이용이 가능한 유료 API 입니다.○ 주유소 기본정보 검색(지역별)○ 주유소 변경정보 검색(최근1주 이내)○ 주유소 가격 검색(지역별)https://www.opinet.co.kr/user/custapi/custApiInfo.do 위 페이지에서 무료 API 이용 신청 버튼을 통해 API 신청이 가능하고,이용가이드 다운로드 버튼을 클릭하여 연동 메뉴얼을 PDF 파일로 다운로드가 가능 합니다.

채용정보, 정부일자리정보, 직업정보, 각종 훈련과정, 강소기업정보등의 정보를 제공하는 고용24 OPEN API 입니다.제공되는 API는 아래와 같습니다.https://www.work24.go.kr/cm/e/a/0110/selectOpenApiSvcInfo.do?fullApiSvcId=000000000000000000000000000000 위 페이지를 통해 API 메뉴얼 확인이 가능 합니다.

사용자 입력에 따라 텍스트, 이미지, 비디오를 생성하는 AI 기반 도구 모음 제공 플랫폼 deepai 입니다. 프롬프트에 원하는 이미지의 내용을 입력하고 생성하면 손쉽게 만들어 집니다.왼쪽 탭을 통해 품질, 다른 스타일 선택, 이미지 모양 등 다양한 기능 이용이 가능합니다.요금제는 무료 혹은 프로고 두가지로 나누어졌으며, 무료는 생성이 일부 제한되며,기능도 일부 제한됩니다.유료 사용자는 월 500개 이미지, 30개 비디오 생성 등 다양한 기능이 제공됩니다.비용은 월4.99달러 아주 저렴하네요.

기존 이미지에 자연스러운 글씨를 추가하고, 다양한 그림을 생성하는 AI Ideogram 입니다. 요즘 이미지 생성형 AI는 많습니다. 그 중 Ideogram는 사용에 편의나, 좋은 결과물을 위해더욱 다양한 기능의 업데이트를 꾸준히 하는 것 중 하나 인거 같습니다.이미지 생성시 참조 이미지를 올려서 다양한 이미지를 생성할 수 있으며,여태 본것 중 텍스트 생성 및 렌더링이 가장 자연스럽습니다.또한 에디터 기능(유료)는 에디터를 통해 대략 이미지를 그리고, 명령하면 원하는 이미지에 가까운 이미지가 나오는것 같아요,.명령으로만 하다가 , 구도나 색상을 대략 그려서 하니 편하고 좋습니다.비용은 기본 무료이나 다양한 기능에 제한이 있습니다.유료는 한달에 7달러에 400크레딧을 제공합니다. 한번 생성에 4장, 대략..