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

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

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

node.js 로 만든 실시간 채팅방으로 해당 소스를 다운받아 노드 및 NPM 명령을 호출할 수 있습니다. 데모에서 본인 아이디를 생성후 채팅방으로 입장가능한 링크값을 채팅을 원하는 상대방에게 알려 접속하면 1:1 개인 채팅창이 활성화 됩니다. 데모화면 접속후 CHAT ROOM 클릭시 본인 정보와 함께 채팅방의 URL 정보를 제공합니다. 프로필정보를 입력하면 채팅창을 입장할 수 있는 링크값을 아래와 같이 받아볼 수 있습니다. 위 주소를 채팅을 원하는 사람에게 제공하면 1:1 채팅창이 개설되게 됩니다. 채팅창은 해당 브라우저를 종료할 경우 자동으로 끊기게 됩니다.^^ 1:1로만 채팅이 가능하지만 간단한 정보만으로도 쉽게 채팅이 가능하게 됩니다.

스마트기기 웹브라우저에서 스마트기기(기기내 로컬)내 파일에 접근이 가능한 HTML file API입니다. 또한 첨부할 파일 확장명도 지정이 가능합니다. 참고로 해당 기능은 HTML5가 지원하는 모든 브라우저에서 이용이 가능합니다. 기본적인 파일 첨부에 관련된 다양한 인터페이스가 제공됩니다. 데모 사이트를 통해 관련 데모체험 및 소스가 제공되니 유용하게 쓸 수 있습니다.

플레이어에 사용할 음악은 태그에서 값을 입력하면 자동으로 플레이가 됩니다. 플레이도중 플레이바에 마우스 커서클릭시 즉시 반영되어 스킵이 가능합니다. 소리크기역시 플레이바와 마찬가지로 클릭으로 변경이 가능합니다. 이외 플레이어의 핵심 파일인 audioplayer.css 을 조절하여 플레이어의 색상 및 스킨등의 변경이 가능합니다.

CSS3 와 jQuery 를 이용하여 간단히 소스 적용만으로 날짜와 시간을 출력할 수 있습니다. http://www.htmldrive.net/items/show/1219/CSS3-and-jQuery-Digital-Clock 에서 소스를 다운받으시면 html 파일 하나가 있습니다. html 파일에 적용된 스타일 소스를 조금만 수정하시면 원하시는 형태로 조절이 가능합니다.

웹사이트에 유용하게 적용할 Jquery Plugin 입니다 * License - MIT License (MIT) * 특징 - 수직/수평 스크롤 - 조정 가능한 스크롤 - 마우스 휠, 키보드 및 터치 지원 - CSS를 통해 즉시 사용가능한 테마와 사용자 정의 - RTL 방향지원 - 스크롤 기능의 전체 제어를 위한 옵션 매개 변수 - 사용자 정의 콜백 * 사용법 - HTML 선언부, Jquery & CSS 선언부 로 나뉘어져 있으며 자세한 코드 및 설명은 첨부된 소스를 다운로드 받고 아래의 링크를 클릭하시면 샘플코드를 확인하실 수 있습니다 http://manos.malihu.gr/jquery-custom-content-scroller/ * 요구사항 및 호환성 - Jquery Ver 1.6.0.**** 이상 ..

안녕하세용 ^^* 이번에 소개해 드릴 자료는 jQuery 를 이용한 파일 업로드 플러그인 입니다. 압축 파일을 해제 하시면 index.html 파일이 있습니다. 해당 파일의 form 속성을 변경하셔서 사용하시면 됩니다. 그리고 test 폴더에 보시면 index.html 파일이 있습니다. 해당 파일은 해당 플러그인의 작동 여부를 테스트하는 프로그램입니다. 설치 후 작동환경 체크에 이용하시면 좋습니다. 지원되는 브라우저 목록 입니다. 실제 업로드를 담당하는 PHP 는 server / php / UploadHander.php 입니다. 해당 파일에서 여러가지 기능 변경하셔서 사용하셔도 됩니다. ^^

javascript 로 제작된 같은그림 마추기 게임 입니다. 시작하기 전에 위 그림 처럼 여러가지 그림을 화면에 보여주며, 시작하게 되면, 그림을 모두 가리게 되며, 같은 그림을 마추면 되는 게임입니다. 몇번을 틀렸는지? 얼마만에 모두 마추었는지를 점수로 계산해 주네요. 자바스크립트를 이용해서 사운드처리 및 사용자의 입력 인터페이스 부분에 대한 좋은 예제가 될수도 있을것 같습니다.

html5 로 지원되는 player 로 비디오/오디오 태그로 사용이 가능합니다. 핵심 플레이어 js 소스가 선언되어있는 상태에서 라는 소스로 사용하면 플레이어가 간단하게 삽입됩니다.