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

안녕하세요 해피CGI 입니다. 해피 인터넷뉴스 솔루션 프리미엄 타입A Ver2.4 [미니홈피 비내장] 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 미니홈피 비내장버전 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 인터넷뉴스 솔루션 프리미엄 타입A Ver2.4 [미니홈피 내장] 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 미니홈피 내장버전 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

* surveyJS 소개 surveyJS를 통해 JSON에서 설문 조사를 작성하고 모든 프로세스를 관리 할 수 ​​있습니다 (필드 유효성 검증, 로컬 스토리지 및 양식 데이터) 제공되는 주요 기능은 아래와 같습니다 - 질문, 답변 및 피드백 메시지를위한 HTML - 백엔드로 보내기 전에 양식 데이터 - AJAX 호출 성공 / 오류 / 종료 및 유효성 검사를위한 콜백 함수 * License - MIT License 첨부된 압축파일을 다운받아 원하는 웹경로에 업로드 합니다 제공되는 샘플파일을 참조하여 css, js, html 을 구성하도록 합니다 제공 되는 샘플파일인 example-1.html 을 참조하시기 바라며 출력되는 결과물은 아래와 같습니다javascript 및 jquery 를 이해하실 수 있는 분께..

CSS sticky position 및 Intersection Observer API 를 사용하여 스태킹 카드 효과를 구현합니다 내용을 카드인터페이스에 담아 여러장으로 구성하여 접을 수 있습니다 사용방법은 아래와 같습니다 첨부된 압축파일을 해제하여 아래와 같이 css , js 파일을 불러오도록 합니다 HTML,CSS,J 구성은 아래와 같습니다 각 item 별 내용들을 삽입할 수 있습니다 sticky css position 속성값을 사용하여 .stack-cards__item 요소에 적용할 수 있습니다 StackCards 쌓기 효과를 초기화하는데 사용할 객체를 정의 할 수 있습니다 Intersection Observer API가 지원 intersectionObserverSupported === true)되고..

isystkSlider 는 다양한 기능들을 지원하는 이미지 슬라이더 프로그램 입니다. 다운로드 받은 파일의 압축을 해제한후 나오는 dist/index.html 파일을 웹브라우저로 열어보면 데모를 확인이 가능합니다. 위 예제는 단순한 이미지 슬라이더의 예제입니다. 이미지 슬라이더 + 갤러리 형태의 예제입니다. 모바일에서 사용하면 좋을만한 예제입니다. 샘플용 HTML파일의 소스코드를 열어보면 이미지 슬라이더를 만들기 위한 HTML태그들을 어떻게 구성해야 하는지 확인이 가능합니다 슬라이더를 작동시키는 다양한 옵션들이 존재하네요.

라디오버튼의 checked를 이용한 탭메뉴입니다. 스크립트를 따로 이용하지 않으며 ie 하위버전의 브라우저에서는 보이지 않을 수 있습니다. 첫 포커스가 되는 메뉴는 checked지정하여 보여주고 checked가 되면 하부에 레이어를 보여주는 구조입니다. 첨부파일내에 디자인과 css가 포함되어 있습니다.

온라인으로 위와 같은 폼을 무료로 사용하기 쉽게 만들수 있는 사이트 입니다. 다양한 폼을 지원하며, 일부 폼은 유료로 지원되기도 합니다. 고객 설문 조사나, 주문서 등을 입력 받고 싶을때 사용하시면 좋은 곳입니다. 설문제작, 답변 수집, 결과 분석 등 기본적인 기능은 무료로 사용 가능합니다. 모아폼 브랜드 제거등은 유료로 이용할수 있으니 참고 바랍니다.

웹사이트에서 메신저로 즉시 상담이 가능한 채널톡 입니다. 요즘 사이트를 돌아 다니다보다 채널톡이 많이 보입니다. 내 사이트에서 바로 메신저로 고객과 상담이 가능하며, 웹 채팅, 카톡, 네이버톡톡을 한곳에서 관리 할수 있으니 전화 보다 더 유용한 서비스 같습니다. 초기 스타트업을 위한 무료 플랜도 있으니한번 경험해 보시는것도 좋을것 같습니다.

지하철 노선도를 표현하는 jQeury 플러그인 입니다. MIT 라이센스 입니다. 사용법은 생각보다 심플하지만 맵에 요소를 배정하는 작업은 한땀 한땀의 노력이 필요하겠네요 ^^; "> 아래의 속성을 참고하여 수정하셔서 사용하시면 됩니다. data-columns 데이터 열을 뜻 합니다. data-rows 데이터 행을 뜻 합니다. data-cellSize 각 셀의 너비와 높이를 뜻합니다. ( 셀은 정사각형입니다. ) data-legendId 지도 범례에 추가될 HTML 요소의 ID를 지정할 수 있어요. data-textClass 지도에서 텍스트 레이블에 사용될 CALSS 를 지정하세요. data-gridNumbers 그리드에 숫자를 표시하거나 숨기려면 TRUE, FASLE 로 설정하세요. data-grid 맵..

Javascript jQuery 를 이용하여 조직도를 만들 수 있습니다. API 안내와 여러가지 버젼으로 제공되지만 ... 저는 jQuery Version 만 사용해 봤습니다. toggle 도 가능해서 데모를 볼때는 괜찮다 생각 했지만 다운로드 받아보니 역시나 바로 실행이 되진 않네요 ^^; 데모파일에서상단에 CSS, JS 경로만 수정해 주시면 됩니다. 를 아래처럼 변경하세요.