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

SlideMenu.js는 모바일 터치를 지원하는 쉬운 오프 캔버스 메뉴입니다. * License - MIT License * 설치방법 - 첨부된 압축파일을 다운로드하여 압축해제후 원하는 경로에 업로드한다 - html 문서상에서 부분에 아래와 같은 코드를 삽입해줍니다 jquery 파일 호출은 SlideMenu 파일들이 호출되기전에 호출해야합니다 - 간단히 적용된 샘플코드는 아래와 같습니다 - 슬라이드 메뉴 옵션은 다음과 같습니다 옵션 설명 options.percent 메뉴를 여는 최소크기를 지정합니다(기본값 0.25) options.area 왼쪽에서 터치 영역의 크기를 지정합니다(기본값 0.1) options.debug 콘솔을 통한 응용 프로그램 출력을 설정합니다(기본값 false) options.clos..

탭메뉴 클릭시 타이틀 텍스트가 출력됨고 동시에 위치가 변하는 에니메이션 효과입니다. html,css,js 파일을 사용합니다.

문서내의 텍스트 영역이나, DIV 컨테이너 내에 WYSIWYG 리치 텍스트 편집기를 추가하는 jQuery 플러그인입니다. 장점은 - 반응형이고, 구현하기 쉽습니다. - 최근 트랜드인 Bootstrap 3 스타일이며, Font Awesome 4 을 이용합니다. - 에디터 내의 문자열에서 단어수를 세어서 표시해줍니다. 다운로드 받은 파일의 압축을 해제하면 생기는 demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. demo.html 파일의 소스코드를 열어서 보면 매우 심플하게 위지윅 에디터를 화면에 출력할수 있는 샘플입니다. 사용방법은 1. HTML문서에 jQuery 라이브러리 및 기타 필요한 리소스를 포함시켜줍니다. 2. jQuery 라이브러리 다은에 jQuery LineControl Ed..

PHP 로 구현된 DIFF Class 입니다. 문자열 비교를 해서 하이라이트 처리까지 완료해서 전달해줍니다. 사용가능한 PHP 버전이 표기가 안되어 있는데 PHP Ver5.2.x 에서 구동이 되는것을 확인 하였습니다. 한글도 비교가 가능하지만 정상적으로 구동이 되지는 않기 때문에 참고 정도만 하시거나 영문으로 된 문자열 비교시에만 이용 하셔야 되겠습니다. (한글의 경우 UTF8 케릭터셋으로 적용 하셔야 됩니다.) 한글 비교시 특정 문자열 비교가 되면서 오작동을 일으켜 문자열 전체가 나오지 않는 증상도 있을수가 있습니다. BSD 라이센스로 배포 되고 있으니 참고 하시면 되겠습니다. https://github.com/chrisboulton/php-diff (Copyright (c) 2009 Chris Bou..

앱, 웹 제작시 색상의 조합 고민을 해결해줄 세련된 색상 조합 서비스 사용자가 원하는 색조합을 구성하거나, 공유도 할 수 있습니다. 추천수가 많은 순으로 최신 색 조합도 확인 가능합니다. https://coolors.co/browser/latest/1 사이트 제작시 색 고민에 빠지신 분이라면 강추입니다.

한국감정원에서 제공하는 아파트 실거래가격지수 통계를 조회 할 수 있는 OPENAPI 입니다. 기간별, 규모별, 지역별, 타입별(매매/전세) 조회가 가능 합니다. https://www.data.go.kr/dataset/15003229/openapi.do 해당 사이트에 접속시 아래와 같이 참고문서를 다운로드가 가능 합니다. 해당 워드문서를 열어 API 이용방법을 확인을 하실수가 있습니다. 결과값의 샘플도 확인이 가능 합니다. 요청한 데이타에 대한 월별 결과를 rsRow 값으로 출력 합니다.

168개의 무료 벡터 아이콘 모음입니다. Ai, EPS, SVG 파일 로 다운로드 가능합니다. 개인 또는 상업 프로젝트로 이용이 가능하며, 회색과 흰색으로 제공되어 사용이 편합니다.

연혁 페이지 같은 타임라인 형태의 페이지에 적용할만한 상하 슬라이더 우측 연도 클릭시 상하로 슬라이드 됩니다. 브라우저가 일정크기 이하로 작아질 경우 위와 같이 좌우 슬라이드 형태로 변경되는 반응형입니다.

HTML5의 Speech Synthesis API에 대해서 소개 합니다. SpeechSynthesis 는 텍스트를 음성으로 변환해주는 TTS API 입니다.예전에 TTS 서비스가 있었지만 유료이거나 웹에서 사용하기 어려운 경우가 많았습니다. 하지만 이제는 HTML5 의 내장 기능으로 쉽게 웹에서 사용할 수 있습니다. 당연히 쉽게 사용할 수 있다는 것은 장점입니다. 하지만 HTML5 기능을 지원하지 않는 브라우저 또는 internet Explorer 과 같은 지원은 하지만 완벽하게 지원하지 않는 브라우저에서는 사용할 수 없다는 단점도 있습니다. 하지만 HTML5 의 지원여부는 시간이 지나면 자동 해결되지 않을까 생각 합니다. 간단한 브라우저별 지원 목록과 API를 보고 싶다면 아래의 링크를 클릭하세요. h..

JavaScript 및 CSS3가 포함 된 초경량 (2KB 미만) 코드로 원형 메뉴를 멋진 방식으로 표시합니다. 해당 플러그인은 순수한 JavaScript 및 CSS를 사용하였습니다. 메뉴에는 무거운 JavaScript 또는 CSS 라이브러리가 필요하지 않으므로 간단하고 가벼우 며 빠릅니다. 또한 추가 CSS 스타일로 완전히 사용자 정의 할 수 있습니다. 초기 단계에서 햄버거 아이콘이 표시되고 햄버거 아이콘을 클릭하면 메뉴가 펄쳐 집니다. 라이센스는 MIT 라이센스 이며 만든이는 Creative Punch 입니다.