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

데모사이트 : http://www.htmldrive.net/items/demo/1816/-Vertical-navigation-filter-function-code-with-JQuery (메뉴보기 jQuery 소스 입니다.)

CSS hack 이란? 브라우저의 차이나 버그를 이용해 일부 브라우저를 제외 또는 특정 브라우저를 대상으로 CSS를 적용하는 방법을 'CSS핵' 이라고 합니다. 크로스브라우징을 위한 응급대처 같은 방법이라고 생각하시면 되고, 일부는 문법상 올바르지 않을수있는점 참고해주시고, 자주하는하는 핵 몇가지만 작성해드리겠습니다. 1. 스타핵 (star hack) 셀렉트 앞에 *html 을 붙히며 Win IE 4~6, Mac IE 4~5 등에 스타일이 적용되며 다른 브라우저에는 적용되지 않습니다. *html p{ padding:3px; } /* 맨앞에 *html 을 붙임 */ 2. 언더스코어 핵 (underscore hack) 속성 가장 앞에 언더스코어(_)를 붙이며 Win IE 4~6 등에서 스타일이 적용되고 다른..

네이버에서 신규 오픈한 음성합성 API 입니다. ^^ 다만 현재는 베타버전이고, 일일 이용 가능 1000글자로 제한이 걸려 있습니다. (일일 1000글자가 적다는 문의내용이 벌써부터 접수되어 있으므로 늘어날 가능성이 보입니다.) https://developers.naver.com/docs/labs/tts 위 페이지에서 자세한 내용을 확인이 가능 합니다. API 이용방법 1. 네이버 로그인 후 애플리케이션 등록을 진행 https://developers.naver.com/register API등록이후 등록하신 애플리케이션에서 API권한관리 페이지에서 음성합성 API를 체크 해주셔야 됩니다. 2. 개발가이드에 맞춰 프로그램 제작을 진행 합니다. 아래는 해당 API를 테스트 하기 위해 간단하게 제작해본 소스 입..

홈페이지에 들어갈 페이지를 디자인할려고 무료 이미지를 검색하다가 우연히 알게 된곳입니다. 다양한 이미지를 무료로 다운 받을수 있어 페이지 디자인 및 광고디자인할때 유용하게 사용하실수 있으실것입니다. 이미지 부분이외에도 다양한 정보를 확인하실수 있으니 유용하게 활용하시기 바랍니다.

전반적으로 둥근느낌이면서 심플한 디자인의 무료영문 폰트입니다. 개인용으로 사용이 가능하도록 배포된 폰트입니다. Bondoluo Peek

윈도우 64bit 용 파일을 첨부 하였습니다. 윈머지와 더불어 제가 사용하는 소스비교 프로그램입니다. SVN에서도 기본적으로 diff/merge를 제공하지만 winmerge나 diffmerge가 사용성이 더 좋은것 같습니다. diffmerge는 무료 배포 되는 소프트 웨어입니다. 하지만 일부 기능 및 광고성 부분이 포함되어 있어 이러한 부분을 해지 하기 위해서는 유료결제등록 하여 키를 등록해서 사용해야 합니다. 등록관련 안내문 https://www.sourcegear.com/diffmerge/webhelp/chapter_registration.html 라이센스 관련 안내문 https://www.sourcegear.com/diffmerge/webhelp/chapter_sourcegearlicenseagre..

프로그램 다운로드 설치 없이 웹상에서 내 사진을 업로드 하여 수정할 수 있습니다. 사진자르기, 사이즈조절, 좌우/상하 변경, 회전, 색깔 변경, 테두리 작업 등의 간단한 작업을 할 수 있습니다. 저장시 로컬, facebook, picasa(google) 중에 선택 할 수 있습니다.

테이블내 속성중 thead 부분의 th 속성을 고정으로 두는 소스로 스크롤내릴시 해당 th 속성이 고정되어 문서표를 확인할 수 있으며, 해당 표를 끝까지 내릴시 해당 테이블이 끝나는지점에서 더이상 헤더가 유지되지 않는 소스로 긴 문서를 표형식으로 보여줄때 유용한 소스입니다.

안녕하세요 ^^ 이번에 소개해 드릴 자료는 FFmpeg 라는 녀석 입니다. 직접 다운로드 받아서 사용을 해 보았는데요. 아주 맘에 들어서 자료 등록하였습니다. ^^ 우선 FFmpeg 는 영상과 관련된 작업을 할때 너무나도 많은 기능이 있는데요 그 중에서 가장 많이 사용되는게 인코딩 입니다. 그래서 이번 자료는 인코딩에 대해서 초점을 잡고 설명 드립니다. 테스트 환경은 일반적인 윈도우의 cmd 를 이용하여 테스트 해 보았습니다. ( 쉽고 빠르거든요 ^^ ) 우선 인코딩 옵션은 아래와 같습니다. -i 옵션은 입력 파일을 지정한다. 위 예제에 -i "filepath/filename.avi" 이후에 기술된 옵션들은 모두 출력 파일에 대한 옵션이다. -codec:v 옵션은 비디오 스트림의 코덱을 지정한다. :v는..

구글통계 설정 후 프로필 ID 를 찾지 못하시는 분들을 위해 작성되었습니다. 구글통계 설정을 하지 않으신 분들은 아래 메뉴얼을 참고하셔서 통계설정을 먼저 해주시기 바랍니다. http://www.cgimall.co.kr/happy_faq/board_detail.cgi?db=board_faq&thread=193 구글통계가 버전 및 디자인이 업데이트 되면서 기존의 프로필 확인이 다소 변경이 되었습니다. 1. 구글에 로그인 후 통계페이지로 접속을 하시거나 아래 URL로 접속을 하셔서 로그인을 합니다. https://www.google.com/intl/ko/analytics/ 상기 이미지와 비슷한 페이지로 접속이 될 것입니다. ( 설정상태에 따라 다를 수 있습니다. ) 하나의 통계정보를 이용하신다면 우측 상단의 ..