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

위와같은 vertical 형태의 메뉴를 구현할 수 있는 스크립트 소스입니다. 사이트에 소개된 stylesheet 와 js 소스의 조합으로 비교적 간단하게 구현이 가능한 스크립트 소스로 vertical menu horizontal menu folder view 등 다양한 모양을 구현할 수 있는 js 소스를 적용할 수 있습니다.

여러가지 색상을 이용해서 그라데이션 효과를 만들어서 화면에 보여줄수 있는 스크립트입니다. 첨부파일을 다운로드 받아서 압축을 푸신후에 demo.html 을 웹브라우져로 열어 보면 확인이 가능합니다. 가로를 기준으로 그라데이션 효과를 줬을때 화면 세로를 기준으로 효과를 줬을때 화면 여러가지 색상을 추가해서 효과를 준 예제 색상을 변경할수 있고, 가로나, 세로형태가 아니라 원형으로도 효과를 줄수가 있네요 화면에 보이는 효과를 주기 위해서 사용된 스타일 코드도 확인이 가능하네요. 출처는 http://www.htmldrive.net/items/show/1310/very-nice-and-useful-gradientcolor-selector-with-jQuery 입니다.

* Adminer 4.3.1 에서 변경된 내용 (2017년 4월 14일 출시) - 로그 아웃 후 영구 로그인 수정(버그 #539) - SQL 명령 자동 초점 수정 - PostgreSQL : JSON 및 JSONB 데이터 형식 지원 - PostgreSQL : PostgreSQL < 9.0 에서 인덱스 크기 계산 수정 - PostgreSQL : 내보내기에서 nullable 필드 수정 * License - GNU General Public License version 2.0 (GPLv2), Apache License V2.0 * 다운로드 링크 - https://www.adminer.org/#download * 설치 방법 및 기능 설명 설치방법은 첨부된 파일을 사용하시는 서버에 업로드 한 후 DB호스트, 아이디..

* ckeditor - CodeMirror (Source) Syntax Highlighting - 이 플러그인은 에디터 소스 편집툴에 편리한 기능을 더해줍니다.. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/codemirror - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'codemirror'; 2가지 기능을 제공하여 다른 옵션도 추가할 수 있습니다. config.extraPlugins = 'sourcedialog,codem..

자바스크립트로 구현된 계산기 프로그램입니다. 다운로드 받은 파일의 압축을 풀고, index.html 을 웹브라우저로 열어보면 확인이 됩니다. 웹페이지에 간단하게 계산기를 달아야 할때 사용하면 좋을것 같네요. HTML 소스코드도 생각보다 단순하며, 기본적인 사칙연산 및 초기화 기능정도로 구성되어 있습니다. 출처는 https://www.sourcecodester.com/javascript/11450/calculator-using-javascript-and-bootstrap.html 입니다.

도넛형태부터 라인,바,막대그래프,차트형등 다양한 그래프를 아이콘처럼 작은 사이즈로 보여주는 소스로 작은 항목별로 그래프를 사용할 수 있습니다. 또한 수치를 늘리면 해당 수치만큼 그래프가 변경되는 이벤트도 구현이 가능합니다. 자세한 사용법은 아래의 링크를 통해 확인해보시기 바랍니다. http://benpickles.github.io/peity/

테이블 컬럼을 버튼 하나로 자유롭게 이동할수 있는 ckeditor 플러그인 입니다. 위와 같이 테이블이 있을때 위의 버튼만 누르면 이렇게 바로 위치가 바껴버립니다. 테이블을 많이 사용하시는 분들에겐 아주 유용한 플러그인 같습니다. 다만 놀랍도록 유용한만큼 유료로 판매되고 있습니다. $39 로 다소 부담스러운 가격이지만, 기능이 유용한 만큼 한번 고민해 보는것도 좋을것 같습니다.

* ckeditor - UI Color Picker - 이 플러그인은 컬러피커를 통해 에디터의 색상 변경을 도와주는 플러그인 입니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/uicolor - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'uicolor'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 아이콘을 눌러 컬러피커를 통해 색상코드를 선택 - 하단에 출력되는 코드를 에디터가 설치된 ..

이미지에 마우스 오버시 돋보기 아이콘과 함께 이미지가 에니메이팅 효과로 줌인되어 심플하지만 주목될수있는 퍼포먼스를 보여주는 Jquery lightgallery 로 사이트의 주목할만한 컨텐츠를 제작하는데 도움이 됩니다. 특정 이미지에 마우스 오버시 에니메이션 효과로 줌인되어 심플한 UI 로 주목성을 줄수 있는 lightgallery 는 핵심이되는 .demo-gallery css 소스를 이용하여 해당 이미지 영역에 반영할 경우 위와같이 줌인되는 이미지를 확인할 수 있습니다. 핵심이 되는 위 css 소스와함께 jquery.min.js (ver 1.11.2) 를 이용하여 위와같은 class 와 script 소스를 정해주시면 작동되게 됩니다.

인풋박스(타입:파일)의 여러가지 형태의 디자인 커스터마이징입니다. 마우스 오버시 색상이 변경됩니다. 업로드하는 파일개수가 출력됩니다. 일반적인 파일명이 출력되는 형태도 있습니다. 파일업로드를 강조해야하거나 사이트의 주기능인 경우에 사용할수 있겠습니다. 해당사이트에서 소스를 다운로드 할 수 있습니다.