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

한국감정원에서 제공하는 아파트 실거래가격지수 통계를 조회 할 수 있는 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 입니다.

안녕하세요 해피CGI 입니다. 해피 체험단모집 솔루션 모바일 Ver1.6 (장착옵션) 출시 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 체험단모집 솔루션 Ver2.2 출시 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

항상 색상고민을 하는 많은 디자이너들에게 도움이 될듯한 사이트를 소개해드리고자 합니다. 수천개의 컬러 팔레트를 만나볼 수 있는 colorhunt 라는 사이트입니다. 제일 상단 색상부터 메인컬러/서브컬러/포인트컬러 정도로 보시면 됩니다. 상단 중간쯤에서는 New / Trendy / Popular / Random 순으로 컬러팔레트 목록 순서를 선택할 수 있고 상단 우측에서는 Create 메뉴를 이용하여 자신이 원하는 컬러팔레트를 만들어볼수도 있습니다. 또한 Likes 메뉴를 통해 '좋아요'를 누른 컬러팔레트들을 한 눈에 확인할수도 있습니다. 원하는 색상에 마우스를 갖다대면 색상코드도 나와서 유용하게 사용하실 수 있습니다. ^^

준 HTML 태그인 를 키보드로 제어가 가능하고, 스킨으로 제작가능한 드롭 다운 목록으로 쉽게 변경이 가능한 JQUERY 플러그인 입니다. 다운로드 받은 압축파일의 해제를 한후에 dist/index.html 파일을 웹브라우저에서 열어서 보면 확인이 가능합니다. 태그로 생성된 기본이 선택상자를 와 , 태그로 변환이 되어서 드롭다운 메뉴를 구성하는 기본적인 샘플을 몇가지 볼수 있습니다. CSS를 지정하는 식으로, 다양한 모양으로 스킨화를 하는것도 가능하다고 설명이 되어 있네요. 샘플용 HTML 파일의 소스코드를 열어서 보면 이미 작성되어 있던 HTML태그를 많이 변경하지 않고도 적용이 가능해 보이네요. https://www.jqueryscript.net/form/Easy-jQuery-Based-Drop-Do..

반응형으로 디바이스 크기에따라 다르게 출력되는 그리드 디자인입니다.데모사이트에서 압축파일을 받으실 수 있으며 압축해제후 css/component.css파일과 index.html 파일에서 html코드 및 css를 확인하실 수 있습니다. @media screen and (max-width: 1190px) { .cbp-rfgrid li { width: 20%; /* Fallback */ width: -webkit-calc(100% / 5); width: calc(100% / 5); } } @media screen and (max-width: 945px) { .cbp-rfgrid li { width: 25%; /* Fallback */ width: -webkit-calc(100% / 4); width: calc..