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

* 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 함수를 사용하여 선택한 요소에 대한..

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" ; 로 설정하여 사용하시면 됩니다.

간단한 설명문에 이용할 수 있는 jQuery toggle 플러그인 입니다. 버튼클릭시 토글창이 보였다가 다시 클릭시 사라지는 플러그인 입니다. 액션이벤트 외에도 토글창의 속도, 움직임효과, callback시 액션 등을 설정할 수 있습니다. 사용이 간단해서 다양한 영역에 이용할 수 있습니다.

jquery animate를 이용한 크기, 투명도, 위치등 특정 이벤트에 적용할 수 있는 플러그인 입니다. 영역의 상하좌우 위치, 영역크기, 폰트 사이즈, 배경색 등등 여러 스타일을 여러 이벤트로 변경할 수 잇는 애니메이션 jquery 풀러그인 입니다. 영역크기, 영역위치, 폰트사이즈 등등을 설정할 수 있습니다. 버튼 클릭, 마우스 오버등 여러 액션 이벤트로도 설정이 가능합니다. 다양한 포퍼먼스가 필요한 사이트에 적용이 가능하네요. ​

라이센스는 MIT 라이센스 입니다. 구성은 Javascript + Html 로 구성된 플레이어 입니다. Streaming Formats : HLS, FLV 지원 합니다. Media formats : MP4 H264, WebM, Ogg Theora Vorbis 지원 합니다. 기능 중에 톡득한 기능들이 있는데요. 스크린샷, 퀄리티 스위칭 기능 입니다. 이 정도면 간단한 플레어로 사용할만 합니다. ^^ ​ ​ ​

최종카운트 다운은 css/html 의 의존성 없이 모든 레이아웃에서의 사용할 수 있도록 맞춤 설정된 플러그인입니다. 쿠폰과 경매사이트에서 사용이 적합한 카운트다운으로 모든 변수에 대한 제로패드, 복수화 등을 지원합니다. 기본적인 카운터 부트스트랩 전용 카운터 월/일과 같은 날짜를 카운팅하는 부분 등 다양한 항목으로 사용이 가능한 카운트다운 스크립트입니다. ​ ​

CKEditor 가 새롭게 출시 되었습니다. 에디터의 종류를 Classic , Ballon, Inline 이렇게 3가지 나누어 놓았네요 ^^ Classic 의 경우 우리에게 친숙한 에디터 화면 입니다. Ballon 은 에디터 상단바를 없애고 말풍선처럼 포커스가 지정된 곳에 에디터 툴바를 보여주는 방식이네요. Inline 도 마찬가지로 기분 상단 툴바를 없애고 각 영역에 포커스가 왔을때 상단에 툴바를 보여주도록 되어 있네요. 이번 CKEditor5 는 반응형 에디터이며 기존 에디터에 비해 매우 가볍고 맘에 쏙 드네요 ^^ 압축파일에는 그 어떤 샘플코드도 없습니다. 에디터를 사용하기 위해서는 docs 를 참고하셔야 합니다. 아래의 URL 에 접속하시면 매우 쉽게 설치 할 수 있도록 코드 안내를 하고 있으니 ..