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

1. https://developers.facebook.com/apps/ 접속 후 로그인합니다. 2. 우측 상단 [내 앱] 탭을 롤오버하여 [새 앱 추가] 메뉴를 클릭합니다. 3. Add A New App 창에서 [웹사이트] 메뉴를 선택합니다. 4. Quick Start for 웹사이트 화면에서 원하는 앱 이름 입력 후 [Create New Facebook App ID]클릭 또는 우측 상단 [Skip and Create App ID] 클릭 5. 새 앱 ID 만들기 화면에서 표시 이름, 연락처 이메일, 카테고리를 선택 및 입력하고 [앱 ID 만들기] 버튼을 클릭합니다. 6. 보안화면에서 Facebook 이 요청한 사진을 선택 후 [제출] 버튼을 클릭합니다. 7. 앱이 만들어지면 상단에 APP ID가 표시되..

PHP로 개발된 ERP프로그램입니다. 프로그램 소스는 너무 용량이 커서 업로드가 안되네요. http://www.weberp.org/ 위 사이트에서 다운로드를 통해서 받으시면 됩니다. 다운로드 받은 파일의 압축을 풀고 웹서버에 업로드 한후에 브라우져로 접근을 해보시면 프로그램 설치를 위한 정보를 입력하게 됩니다. 아쉽게도 한국어가 없네요. 일본어는 있는데 사용할 데이터베이스 정보를 저장하고, 관리자 정보 및 import 할 sql 파일을 선택한후에 설치를 시작하면 설치가 진행이 됩니다. SQL파일의 용량이 커서 웹서버의 환경설정상 타임아웃 등에 걸려서 제대로 되지 않을수도 있겠습니다. 몇번 해도 제대로 안되길래 SQL파일을 찾아서 전 Mysql 콘솔을 이용해서 바로 넣어버렸어요 설치가 완료된후 사이트에 접..

그리드기반 탭 무료 Jquery 를 소개해 드립니다~ 사이트 내에서 사진첩, 갤러리형태의 게시판 리스트, 이력서 리스트등 사진과함께 혹은 탭과함깨 내용을 출력해 주어야하는 페이지에서 아주 유용하게 쓰일수있는 소스입니다~ MIT 라이센스를 따르기에 자유롭게 사용하셔도 됩니다~ 첨부파일을 다운로드하신후 압축해제 하시면 index.html에서 위와같은 예제의 소스를 직접 확인하실수있습니다.

css 만으로 이미지를 폴라로이드 사진처럼 만듭니다. 구글, 사파리, 파이어폭스에서만 적용이 됩니다. 아래 스타일소스를 이미지에 적용하면 됩니다. .polaroid { background:#000; /*Change this to a background image or remove*/ border:solid #fff; border-width:6px 6px 20px 6px; box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth */ -webkit-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; height:200px; /*Set to height of your..

네이버로 공유하기 기능을 홈페이지에 쉽게 장착이 가능한 API입니다. 예전에도 네이버, 카페 공유기능이 있었지만, 네이버 로그인 연동부터 각종 프로그램 언어까지 작업을 해야 했던 상황과는 달리, 몇줄의 Javascript 삽입만으로 해당 기능을 모두 이용이 가능 합니다. 게다가 네이버 포스트, 폴라에도 공유가 가능 하게 되었습니다. 해당 API를 이곳 happycgi.com 에 적용을 해보니 10분도 채 소요가 되지 않네요.^^; https://developers.naver.com/docs/share/navershare 페이지에 접근시 장착 방법에 대한 설명이 있습니다. 2.1 버튼 유형 선택을 하신뒤에, 2.2 페이지 제목 텍스트 선택을 어떻게 하실지를 선택 해주시면 2.3 미리보기 및 코드복사 부분에..

손을 직접 그린듯한 아이콘으로 디자인의 생동감을 높여보세요~! 위의 아이콘외에도 http://www.nxworld.net/material/hand-drawing-design-resource.html 주소로 들어가보시면 손으로 그린듯한 형태의 아이콘의 종류를 더 많이 보실 수 있습니다.

안녕하세요 이번에 소개해 드릴 프로그램은 동영상 인코더 입니다. 무료로 배포되는 버젼 입니다. ^^ 그럼 설치부터 사용까지 설명 드리겠습니다. ^^ 우선 프로그램을 다운로드 받아 주세요. 그리고 다운받은 파일을 설치 Go Go ~ 설치가 완료되면 아래의 화면과 같은 시작화면이 나옵니다. 위의 이미지에서 모바일장치를 선택하시면 다양한 인코딩 방식을 선택할 수 있습니다. 그리고 비디오 크기, 비트레이트, FPS, 등등 다양한 설정들도 변경이 가능 합니다. ^^ 파일추가를 누르면 파일을 선택할 수 있고 인코딩을 시작할 수 있습니다. ^^ 앗 ~ 그리고 ISO , DVD 파일도 변환이 가능 합니다. 비디오 병합기능 까지 있네요. 무료 프로그램 치고는 괜찮은 기능이 많이 있어서 좋네요 ^^

#FFFFFF 와 같이 CSS 나 JS 에서 사용되는 HEX 컬러 코드를 RGB로 컨버팅 하는 사이트 입니다.

기존의 아주 기본적이고 평범한 체크박스는 이제 버리세요~ 그동안 체크박스의 디자인을 변경하기가 쉽지않았지만 css를 이용하여 체크박스 디자인을 변경해볼 수 있습니다. [ 데모사이트 예시 이미지 ] 파일을 다운받아보시면 아시겠지만 all css는 아니며, css와 html그리고 js. 이 3가지 합작으로 새로운 체크박스 디자인을 만들어 낼 수 있습니다.

여러옵션을 자유자재로~! 전체화면으로도~! 이미지를 최적으로 로딩하는 가벼우면서도 다양한 기능을 갖추어진 슬라이드 플러그인 Slider-Pro 를 소개해드립니다. 라이센스가 무료 라이센스를 따르기때문에 비용부담없이 바로 사용하실수 있습니다^^ 첨부된 파일을 다운로드하신후 압축해지한후 확인해보시면 examples 폴더내에 위의 소스의 예제가 있습니다~ 해당 샘플들의 예제를 참고하셔서~ 원하시는 형태의 슬라이드를 만들어 보시길 바랍니다.