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

Jquery 를 이용해서 작성된 이미지 슬라이드 스크립트입니다. 시간이 지남에 따라서 이미지 상단 우측에 시계방향으로 다음 이미지로 변경되기 까지의 카운트다운 표시가 됩니다. 마우스를 오버하면 위 그림 처럼 이전 이미지, 다음 이미지를 선택할 수 있는 화살표가 표시되고, 화살표를 클릭하면 우측상단의 카운트다운을 표시하던 부분이 일시정지 하는 모양으로 바뀌고 이미지가 바뀌지 않네요. 이미지 슬라이드를 위해서 작성된 HTML 소스코드와, Javascript 소스코드는 단순하긴 합니다만, 그만큼 슬라이드가 동작하는 부분에 대해서는 다양하게 제어할수 있도록 구현된 건 아닌듯 하네요. 출처는 http://www.htmldrive.net/items/show/667/jQuery-Countdown-Image-Slide..

위 스크린샷처럼 기본 움직이는 레이어창에서 Drop here 영역으로 레이어위치를 변경하면 Drop 영역에 특정이벤트가 적용되어 색상이 변경되도록 연출이 가능합니다. 위 효과를 베이스로 각종 샘플사진을 특정 영역에 배치도 가능합니다.

마우스와 키보드 모두 상호작용이 가능한 jquery 테마메뉴 위젯 소스입니다. 기본적인 1차메뉴 구성은 물론 2차 메뉴 구성까지 가능한 jquery 테마메뉴 소스입니다. 활성화된 메뉴와 비활성화된 메뉴의 스타일 제어도 가능합니다. 마우스 및 키보드의 방향키를 이용하여 메뉴 탐색이 가능합니다. 간단한 소스 삽입과 편집으로 활용이 가능합니다.

YouTube에서 Vimeo에 이르기까지 모든 동영상 사이트는 기본 코드 가 특정 크기로 고정되어 있습니다. 무료 JavaScript 라이브러리 인 SuperEmbed.js 를 사용하면 크기 조절이 자유로운 반응형 사이트 제작이 가능합니다. 해당 사이트에서 소스 다운로드가 가능하고 사용법을 확인할 수 있습니다.

썸네일에 마우스 오버시 해당 이미지가 확대되는 제이쿼리 3가지 형태 동일한 비율로 영역안에서 전체 이미지가 확대 영역안에서 이미지가 확대되고 마우스를 움직여서 특정 부분으로 이동 가능 영역밖으로 이미지가 확대됩니다. 해당사이트에서 소스에 관한 설명 및 다운로드가 가능합니다.

License Released under the [GNU GPL license v3](https://www.gnu.org/licenses/gpl-3.0.html) 터치 친화적 인 Flickity 갤러리 및 Isotope 기반 필터 기능을 갖춘 반응이 빠른 제품 그리드 레이아웃입니다. 각 그리드 항목이 Flickity 이미지 슬라이더 인 반응 형 동위 원소 구동 제품 격자 레이아웃입니다. 작은 카트 아이콘 애니메이션은 제품이 장바구니에 추가되었음을 나타냅니다. 제품 필터는 동위 원소 필터 기능을 사용합니다. 일부 예시적인 미디어 쿼리는 레이아웃을 적응시키는 방법을 보여주기 위해 사용됩니다.

CkEditor 4.7 버젼이 나왔네요. 오랜만의 업데이트 버젼인것 같습니다. ^^ 4.7 버젼으로 업데이트 되면서 달리진 점들이 있는데요. 소개 해 드리겠습니다. [ 테이블 선택 기능 ] - 최고! 지금까지의 에디터는 정보 복사를 위해 선택할 경우 무조건 열로만 선택이 되었습니다. 하지만 이번 업데이트를 통해 행만 쏙 선택이 가능하며 복사가 가능 합니다. 아래의 이미지 보시면 기존의 버젼은 선택시 종류 , 제목, 구성을 모두 선택할 수 밖에 없었습니다. 하지만 이번 버젼은 종류 항목(행) 만 선택이 가능하게 되었네요 ^^* 사용해 보니 마치 엑셀 또는 워드에서 선택하는 느낌이였습니다. [ 컨텐츠 보안 정책지원 ] 향상된 CSP 를 준수하며 제공 합니다. 이로 인해 편집기를 unsafe-eval 보안정책..

위와같은 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호스트, 아이디..