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

웹사이트에 유용하게 적용할 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 소스가 선언되어있는 상태에서 라는 소스로 사용하면 플레이어가 간단하게 삽입됩니다.

ckeditor 에 alert message 를 넣을수 있는 플러그인 입니다. https://www.youtube.com/watch?v=seNErarAUUg 유투브 영상으로도 해당 기능에 대한 데모를 확인하실수 있습니다.

다양한 CSS3 효과를 한눈에보고 다양한 효과를 guthub에 공개된 소스를 이용하여 홈페이지에 반영할 수 있습니다. https://github.com/leaverou/animatable 위 링크에서 소스를 다운받으실 수 있으며 제작하는 사이트에 적용하시면 됩니다 ^^ css3를 공부하시는 분이라면 소스파악에 도움이 될듯하며 급하게 다양한 효과를 사이트에 반영하고 싶으신분에게는 좋은 자료가 될것 같습니다.

모바일 관련 ui가 기능별 페이지별로 분류되어 있어 웹이나 앱 디자인시 쉽게 벤치마킹 할 수 있습니다. 동일한 기능이라도 다른 디자인의 ui 를 참고할 수 있습니다.

이외에도 다양한 기능이 있습니다. 보다 많은 정보는 아래 홈페이지 및 데모체험을 통해 확인해보실 수 있습니다.

간단하게 사용이 가능한 제이쿼리를 이용한 전체화면 편집기입니다. 해당 페이지에서 다운로드한 css 파일과 스크립트 파일 링크를 하고 아래 소스를 사용하고자 하는 페이지에 추가하시면 됩니다. 작은창에서도 입력이 가능하고 전체화면 아이콘을 클릭하면 전체화면으로 입력창이 출력됩니다. 입력된 정보는 유지가 됩니다.

기본적으로 알아두면 좋은 html 소스와 설명 부터 CSS 와 자바스크립트까지!! 쉽게 생각하실수 있겠지만 꼭 필요한 부분을 잘 정리해둔 사이트입니다. 들어가셔서 유용한 정보 많이 습득하시길 바랍니다^^