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

안녕하세요 해피CGI입니다. 전문 블로거와 블로그광고를 원하는 광고주를 중개해주는 블로그 마케팅 중개전문 웹솔루션 해피 체험단모집 솔루션 타입B Ver3.0 이 새롭게 출시되었습니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

클릭하면 에니메이션 효과와 함께 검색폼이 출력됩니다. 해당 사이트나 첨부파일을 다운로드 받아 소스를 확인할 수 있습니다. ​ ​ ​

텍스트 그림자에 대해서 간단한 설정으로 각도, 거리, 흐릿함, 색상, 투명도를 조절하여 css를 생성해주는 사이트입니다. 마우스조작만으로 원하는 그림자를 설정할 수 있고 간단하게 소스를 복사할 수 있어서 매우 편리하네요. ^^ ​ ​ ​

포스터, youtube썸네일, 프리젠테이션 등 여러 카테고리의 무료 디자인 템플릿을 편집하여 사용할 수 있는 사이트 canva 입니다. 간단한 회원가입 후에 사용할 수 있는 무료 디자인 템플릿사이트 canva입니다. 유료로 전환시에는 더 다양한 디자인 템플릿과, 폰트 등을 사용할 수 있지만 무료로도 충분히 완성도 높은 디자인을 만들 수 있습니다. 포스터, 프레젠테이션, 유튜브 썸네일, 인스타그램 게시물 등 다양한 디자인을 쉽게 만들 수 있습니다. ​원하는 디자인을 선택하면 위 이미지처럼 글꼴 내용, 스타일, 색상은 물론 이미지의 색상도 변경할 수 있습니다. 간단한 조작으로 쉽게 원하는 느낌의 디자인을 할 수 있는 사이트여서 더 좋은듯 합니다 ​ ​ ​

​달력에 날짜별로 이벤트를 표시하는 달력 플러그인입니다. 다운로드 받은 파일의 압축을 해제하고, index.html 파일을 웹브라우저로 열어서 보면 데모를 확인하는게 가능합니다. 위 와 같이 기본 4가지 정도의 테마가 있네요. 좌측과 우측의 메뉴와 화살표를 이용해서 월을 표시하는 부분과, 그날의 이벤트를 표시하는 부분을 접을수 있습니다. 하나의 달력으로 위와 같은 조합의 화면을 구성할수 있습니다. 매뉴얼도 상당히 신경써서 제작을 해뒀네요 달력을 이용할수 있는 여러 설정값들을 위와 같이 설명을 해주고, 각 설정을 클릭을 해보면, 실제 코드로는 어떻게 사용을 해야 하는지를 예시로 화면에 표시를 해줍니다. 특정날짜에 이벤트를 추가/삭제를 하는게 가능합니다.

사이트내 튜토리얼 방식의 영상을 보고 기본 사용법에서 고급자 기술까지 배울 수 있는 photoshop training channel 사이트 입니다. 포토샵으로 머리색깔 바꾸기, 사진 합성하기, 카드 만들기 등 다양한 포토샵 사용팁을 영상으로 알려주고, 배울 수 있습니다. 기본적인 사용법에서 영화 포스터 제작까지 고급 기술도 배울 수 있어서 좋네요. 영상은 유투브로 플레이되어서 영상 보기도 좋습니다. ​

목업 다운 사이트를 연결해주는 unblast입니다. 목업외에도 폰트, 아이콘, 웹템플릿 등 웹관련 자료도 함께 제공합니다. color 관련 자료도 활용 가능합니다. 자료 중에는 라이센스 확인이 필요한 자료도 있으니, 다운로드 및 사용전에 필수도 확인해서 사용하세요. 카테고리는 아래 총 7가지로 제공하고 있습니다. Mockups , Fonts , Icons , Templates , Graphics , 3DModels , Colors

NumberMask 플러그인은 사진 번호, 날짜 및 시간, 신용 카드 번호 / CVC, IP 주소 등과 같은 숫자 값을 마스킹하는 데 사용할 수있는 jQuery 용의 간단한 숫자 입력 마스킹 플러그인입니다. ​ ​- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 NumberMask JS 파일을 링크합니다. 2. 숫자 값을 입력할 폼을 추가하고 원하는 마스크 형식을 # 으로 표시하여 호출합니다. - 작동 예제 ​

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 numeric.js 파일을 링크합니다. 2. 숫자를 입력할 input 태그를 추가하고 numeric 함수를 호출합니다. 3. negative 옵션을 설정하면 숫자 앞에 마이너스(-)를 표기할 수 있습니다. - 작동 예제 negative 옵션에 따른 입력 예제입니다. 소수점까지 입력이 가능합니다. ​

안녕하세요 해피CGI 입니다. 프로젝트 진행 중 입력 박스에서 발생하는 이벤트를 감지 후 처리해야 하는 프로그램을 만들어야 했는데요. 그런데 단순히 감지만 하는게 아닌 특정 시간이 지난 후 감지된 이벤트를 해야 했습니다. 즉, 입력박스가 있고 입력박스에 내용을 입력하되 5초 동안 입력이 없으면 이벤트를 감지하고 이를 임시 저장해야 합니다. 위의 프로그램을 만들려고 하다가 왠지 플러그인이 있을듯 하여 찾아 보게 되었는데요. 역시나 플러그인이 있어서 소개합니다. https://github.com/bgrins/bindWithDelay 사용방법은 매우 간단합니다. Usage: See http://api.jquery.com/bind/ .bindWithDelay( eventType, [ eventData ], ha..