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

멀티플레이가 가능한 셀렉트박스로 ie8이상 크롬,파이어폭스,사파리,오페라 브라우저등 다양한 브라우저에서 지원되는 멀티셀렉트 박스입니다. 위와같이 다양한 옵션별 체크박스 효과를 보유하고 있습니다. 여러항목을 체크후 값을 저장하거나, 저장된 값을 이용하여 다양한 효과를 중복으로 체크할수 있습니다. 위와같은 항목별 css 소스를 확인할 수 있으며, 관련 css 및 소스를 다운로드받으실수 있습니다.

* License - MIT License * jQuery Responsive Tabs 설명 - javascript/jQuery 사용 - 데스크톱 / 태블릿 /모바일 에 css사용 - 탭이벤트에 대한 콜백이벤트 제공 - URL 해시로 탭을 열 수 있음 - 탭접기 기능 - 탭사용 중지 기능 - 크로스 브라우저 호환성(IE7+, Chrome, Firefox, Safari 및 Opera) * 사용방법 - jQuery 최소 1.7.0 버전 이상필요 - 첨부된 압축파일을 압축을 해제하여 js,css 폴더안에 jquery.responsiveTabs.js , jquery-2.1.0.min.js , responsive-tabs.css 파일을 호출 - HTML 마크업 사용 jquery 함수를 사용하여 선택한 요소에 대한..

* License - MIT License * 사용방법 첨부된 파일을 압축해제 하여 보면 css, js 폴더에 uploadfile.css, jquery.uploadfile.min.js 이렇게 각각 존재하며 아래와 같이 상단에 jquery js 파일과 함께 호출하여 줍니다 ​ 호출은 아래와 같이 하여 업로드 툴을 호출하도록 합니다 제공되는 method 는 아래와 같습니다 uploadFile(options) - Ajax 양식 작성 및 파일서버에 업로드 하기 위해 필요 - var uploadObj = $('#uploadDivId').uploadFiule(options); startUpload() - 선택한 모든 파일을 업로드 합니다 - uploadObj.startUpload(); stopUpload() - 모..

HTML과 Javascript 로만 작동되는 기능이어서 첨부된 파일을 다운로드 받아서 압축을 해제하신후 index.html 을 웹브라우져로 실행해보면 확인이 됩니다. 비밀번호를 복잡하게 조합하면(영문,숫자,특수문자) 위 그림 처럼 미터기가 Very Strong 를 표시합니다. 대충 1234 나 qwer 같은 비밀번호를 입력해보면 Weak 로 미터기가 변경되는데, 프로그래스바가 움직이는 효과가 보기 좋네요. 비밀번호를 입력하다 보면 나름 규칙이 있네요. 영문만 입력하는 경우, 숫자와 섞는 경우 특수문자가 포함된 경우, 특수문자와, 영문,숫자의 배치순서 등등이 영향을 주나 봅니다. 회원가입 페이지에 달아두면 허술한 비밀번호를 사용하는 이용자들이 조금은 줄어들지 않을까 싶네요. ​ ​ ​

다양한 효과의 차트 라이브러리 오픈소스 nwagon은 손쉬운 사용이 가능하며, 간결한 다양한 디자인을 제공합니다. nwagon 오픈소스 차트 라이브러리는 추가적인 작업없이 차트 구현이 용이하고 JSON형태로 손쉬게 사용이 가능하다. 또한 간결한 다양한 디자인이 제공되며, SVG를 이용하여 랜더링 속도가 빠르다. 그외 크로스브라우징을 지원한다. radar형, 막대형, 선형, 영역형 등등 총 8가지의 차트 스타일을 기본 제공합니다. 사용방법은 간단합니다.. 해당 사이트에서 제공하는CSS 및 JS를 포함시킨 후 원하는 값에 맞추기만 하면 끝! 활용할때가 많으니.. 많이들 이용해보세요. ​ ​ ​

ckeditor 에 line height 를 줄수 있는 플러그인 입니다. 플러그인 설치 후 config.js 에서 config.line_height="1em;1.1em;1.2em;1.3em;1.4em;1.5em" ; 또는 config.line_height="1px;1.1px;1.2px;1.3px;1.4px;1.5px" ; 로 설정하여 사용하시면 됩니다.

고화질 이미지를 페이지에 사용시 로딩 시간을 줄이기 위해 용량을 줄일경우 화질이 안좋아지는걸 막기 위한 방법입니다. 원본이지와 화질변화가 거의 없이 용량을 줄여줍니다. 설치용은 별도로 구매를 해야하지만 웹에서는 무료로 사용이 가능합니다. 이미지 용량 변환후 원본 이미지와 용량과 화질을 비교할수 있습니다.

이번 빌드로 아래 사항들이 추가/변경 되었습니다. 특히나 이번 빌드 업데이트로 Alt+마우스 클릭으로 다중 입력 지점 생성은 편하고 좋은 업데이트 같습니다. 변경된 내용 =========== * Ctrl+Alt+Up/Down 키로 다중 입력 지점을 위한 칸 단위 선택 만들기 지원. * Alt+마우스 클릭으로 다중 입력 지점 생성. * '단어 선택' 명령을 연달아 실행하면 다음 일치 부분을 선택 영역에 추가함. * 자동 줄 바꿈 모드에서 칸 단위 선택 허용. * right-to-left 언어 지원 개선. * 클립텍스트에서 다수의 핫스팟 허용. * 여러 파일 찾기 명령에서 '대소문자 구분' 과 '온전한 단어' 옵션을 프로그램 종료 후에도 보존함. * '빈 줄 지우기' 명령을 실행하면 탭과 공백만 있는 줄도 ..

다양한 버전 환경으로 다운로드가 가능합니다. 설치시 위와 같이 여러가지가 지원됩니다. 한국어는 지원하지 않으며, 영문으로 선택하여 설치해보았습니다. 컨트롤 센터에서 여러가지 정보 변경 가능합니다. 편리하게 사용할수 있을것 같습니다.