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

* bootstrapSelect 소개 HTML 선택박스를 부트 스트랩 드롭 다운으로 변환 사용자가 선택박스를 선택하면 값이 즉시 업데이트됩니다.부트 스트랩 드롭 다운에서 색상을 지정하려는 옵션의 클래스와 함께 select를 사용합니다. colorcode를 포함하는 data-color 속성을 대신 사용할 수도 있습니다. "colors"옵션을 "on"으로 설정하면 가능합니다 * 이용방법 압축을 해제하여 bootstrapSelect.js , bootstrapSelect.css 파일을 원하는 경로에 업로드 합니다 업로드된 파일을 html 문서에 호출합니다 선택박스를 만들어 줍니다 선택박스 선택후 버튼으로 선택값을 비우거나 값을 조정할 수 있게 버튼 및 스크립트를 생성합니다 위의 선택박스에 대한 옵션처리 외에도 ..

* mBox 소개 mBox는 간단한 jQuery 라이트 박스 플러그인입니다. 사용하기 쉽고 가벼운 장점이 있습니다. 플러그인을 초기화하고 정적 이미지를 멋진 라이트 박스 갤러리로 변환하는 데 몇줄의 코드만 있으면됩니다. 또한 mBox는 몇 가지 기본 사용자 정의 옵션을 제공합니다. * 사용방법 첨부된 압축파일을 원하는 디렉터리에 압축을 해제해줍니다 적용을 원하는 html 문서에 아래와 같이 js,css 파일을 호출합니다 이미지 호출 및 mBox 실행코드를 삽입합니다 이미지 태그로 출력된 부분을 마우스 클릭시 아래와 같은 효과를 확인할 수 있습니다 제공되는 옵션은 아래와 같습니다 Option Default Description imagesPerPage 3 단일 페이지에 표시 할 썸네일 수를 지정 displ..

포토샵이나 디자인툴 없이 웹에서 플랫폼을 설계하고, 제작된 아웃풋을 공유하는 디자인 플랫폼입니다.1명의 사용자가 1개의 프로젝트만 진행할 수 있는 무료버전에서 다수의 이용자가 이용하거나기업등이 이용이 가능한 유료버전까지 개인 프로젝트부터 기업용 프로젝트까지 이용이 가능합니다. 홈페이지 접속시 툴바를 이용할 수 있는 라이센스를 등록하셔야 하며, 무료로 이용이 가능한 1유저 1프로젝트 라이센스로 이용해보실 수 있습니다. 다수의 프로젝트를 등록하기 위해선 유료로 결제하여야 하는 pro 라이센스를 구매하셔야 함에 유의하시기 바랍니다. 회원가입후 최초 프로젝트를 등록하면 위 화면으로 등록하시면 되며, 이후 웹사이트 및 티비 부터 아이폰8, 아이폰X, 아이패드, 안드로이드 등 다양한 기기별 환경을 선택하여 플랫폼을..

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.7 (A타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 A타입 Ver2.1 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

다양한 기업브랜드의 로고를 SVG 형태로 다운받아 이용이 가능합니다. 색상별, 알파벳 순으로 정렬이 가능하므로 원하시는 브랜드를 쉽게 검색할 수 있습니다. SVG 를 이용하는 방법은 아래의 링크를 통해 확인하시기 바랍니다. https://svgontheweb.com/ko/ 이미지 src 호출방법 부터 inline 방식이 코드 인라인 방식까지 다양한 형태로 지원이 가능합니다.

최근 공개된 프리 폰트 한번에 소개합니다.디자이너가 가지고 있으면 아주 좋을듯하며 스타일을 망라한 모든 페이지에서 사용하기 편리한 폰트들이 가득합니다. 독특한 폰트, 필기체 글꼴까지 확인하실 수 있습니다. 문자에 폰트 적용만으로 분위기를 완전히 바꾸고 멋진 디자인을 완성할 수 있도록 도움을 주며, 디자인이 막힐때 한번 둘어봐도 좋을법 한 사이트입니다. 다운로드는 폰트 타이틀을 클릭하면 각 각의 홈페이지로 이동하여 원하는 폰트를 다운로드 받을 수 있습니다. 사용시 라이센스 확인이 필요합니다 ~~

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 jquery.sTips.min.js 파일 링크를 걸어줍니다. 2. 툴팁의 CSS 스타일을 추가합니다. 3. 툴팁이 적용될 객체에 Title 속성이나 Alt 속성을 추가하여 툴팁 메세지를 입력합니다. 4. sTips 플러그인을 호출합니다. 5. 툴팁을 여러개 사용해야 하는 경우 {||} 구분자를 넣어 내용을 다르게 설정할 수 있습니다. (데모 참고) 6. 툴팁 내용을 Ajax로 호출할 수도 있습니다. 7. 툴팁 내용을 Javascript 함수로 호출할 수도 있습니다. 8. 툴팁의 위치를 변경할 수 있습니다. (Default : 2) 1 : Top left 2 : Top right 3 : Bottom right 4 : Bott..

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 textarea_MaxCharacterLimit.js 파일 링크를 걸어줍니다. 2. 입력 글자 카운트가 출력될 객체를 추가합니다. 3. TEXTAREA 객체와 플러그인을 호출합니다. totalCharsAllowed : 최대 입력 글자수textareaIdentifier : TEXTAREA IDspanId : 카운터 ID - 작동 예제

텍스트 에어리어는 한 줄 이상의 텍스트를 편집할 수 있는 영역을 만들고 싶을 때 사용합니다 문자가 지정된 영역에서 벗어나면 스크롤바가 생깁니다. 해당 소스를 이용하면 스크롤바가 생기지 않고 높이가 자동조절됩니다.