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

영어,러시아어,스패인어등 다양한 국가별 언어를 지원하는 키보드 jquery 소스로 layout 값으로 각각의 언어를 지원하는 키보드를 만들어줍니다. 위 input 항목에 마우스를 클릭시 위와같은 키보드화면을 브라우저에서 확인할 수 있습니다. 지원되는 다양한 언어로 변환할 수 있어 특정 나라전용으로 사용이 가능합니다. http://mbut.github.io/jquery.mlkeyboard/jquery.ml-keyboard.min.js http://mbut.github.io/jquery.mlkeyboard/jquery.ml-keyboard.css 를 다운로드 받아 제공되는 jquery 소스를 이용하여 나라별 언어에 맞는 키보드를 선택하여 사용할 수 있습니다.

ckeditor - LoopIndex Track Changes - 이 플러그인은 에디터 다중 사용자 환경에서 각 사용자별 텍스트 변경(추가/삭제) 사항을 추적할 수 있습니다. - 변경사항은 각 사용자에 따라 다르게 색칠되고 사용자 정보를 표시합니다. * 라이센스(무료) - GPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/lite - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'lite'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 문서 내용..

Input 태그 그룹내 정보를 삭제하는 IE 전용 기능을 모든 브라우저에서 이용 가능합니다. 기존에 IE10, IE11에서만 사용가능한 input 삭제 기능을 모든 브라우저에서 이용할 수 있는 자바스크립트 + CSS 소스입니다. 해당 사이트에서 제공되는 소스에서는 input 박스에 롤 오버시 리턴버튼이 출력되도록 제어하는 소스도 있습니다. 다양한 부분에 편의기능으로 넣으면 좋더군요...

데모사이트 : http://www.htmldrive.net/items/demo/1809/-jQuery-full-screen-menu-and-navigation (전체메뉴보기 jQuery 소스 입니다.)

Data-Driven Documents D3.js는 데이터 기반으로 문서수정을 하기 위한 Javascript 라이브러리입니다. D3.js는 HTML, SVG, CSS를 사용해서 데이터에 활기를 부어줄수있습니다. 웹 표준상에서 D3의 주안점은 개발자가 강력한 비주얼라이제이션 컴포넌트들을 결합한 자체 프로임워크로 작업하지 않아도 최신 브라우저의 호환성을 보장하는 것입니다. 그리고 DOM 수정에 대해서 데이터 관점에서 접근합니다. D3.js 파일 다운로드 파일을 다운로드 하지않아도 링크를 통해 바로 사용이 가능합니다. [script src="http://d3js.org/d3.v3.min.js"]][/script D3는 소위 '모던 브라우저'를 지원합니다. 이 말은 일반적으로 IE8 이전 버전을 제외한 브라우저..

이외에도 다양한 기능들이 포함되어 있습니다. 보다 자세한 내용는 홈페이지 및 데모체험을 통해 확인해보실 수 있습니다.

* Chart.js 는 디자이너 및 개발자를 위한 차트이며 단순하면서도 유연한 자바 스크립트가 특징입니다 * 라이센스 - MIT License * 기능 - 혼합차트, 믹스앤 매치바, 라인차트 데이터세트 사이에 시작적으로 명확하게 구분가능 - 로그 및 사용자 정의 날짜 시간 데이터제공 - 8가지 차트유형 제공 - HTML5 캔버스 * 사용방법 첨부되어있는 압축파일을 받아 압축을 풀고 samples 폴더에 있는 다양한 유형의 html파일(차트)를 브라우저에서 확인하고 응용할 수 있게 소스가 오픈되어있습니다 아래는 bar 형태의 차트샘플입니다 각 차트에 대한 설명이나 샘플, 옵션 설정에 관련된 내용은 아래의 링크를 클릭 하여 확인하실 수 있습니다 http://www.chartjs.org/docs/#line-c..

* jquery tiltShift.js 는 사진에 흐림,포커스 효과를 줄 수 있는 jquery plugin 입니다 * 라이센스 - GNU GPL License * 기능 - 초점 설정 - 흐림 반경에 대한 설정 - 초점영역의 양, 이미지의 날카로움 설정 - 완전한 초점과 완전한 흐림 사이의 영역의 양 설정 - 방향에 대한 설정 - 크롬 및 사파리6 CSS3 필터를 광범위하게 지원되지 않음 * 사용방법 첨부된 파일을 다운로드 하여 압축을 풀고 아래와 같은 코드를 작성한후 응용하여 원하는 형태로 작업합니다 (index.html 을 확인하시면 샘플예제가 있음) - 상단 css, js 선언부 * 아래는 이미지 호출과 함께 옵션을 설정한 부분입니다 -position : 초점의 점을 설정합니다 -blur : 흐림반경..

jQuery를 이용하여 다양한 효과를 낼 수 있는 소스를 모아둔 사이트 입니다. 데모 페이지를 이용하여 효과를 확인해보실 수 있으며 소스 다운로드 및 사용방법이 안내되어 있어 쉽게 활용이 가능합니다.

다양한 아이콘변형 효과를 손쉽게 적용할 수 있는 API Marka 입니다. 다양한 모양의 효과로 변경 사용가능합니다. http://fian.my.id/marka/getting-started.html 위 페이지를 보시면 사용방법, 소스등을 확인 및 다운로드 가능합니다. 해당 API는 css3로 이루어 졌기 때문에..크롬, 모질라, 사파리, IE10이상 등 최신 브라우저에서만 지원합니다. 또한 소스수정을 통해 색, 아이콘설정, 크기, 회원방향등을 수정 할 수 있습니다.