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

다양한 기업브랜드의 로고를 SVG 형태로 다운받아 이용이 가능합니다. 색상별, 알파벳 순으로 정렬이 가능하므로 원하시는 브랜드를 쉽게 검색할 수 있습니다. SVG 를 이용하는 방법은 아래의 링크를 통해 확인하시기 바랍니다. https://svgontheweb.com/ko/ 이미지 src 호출방법 부터 inline 방식이 코드 인라인 방식까지 다양한 형태로 지원이 가능합니다.

최근 공개된 프리 폰트 한번에 소개합니다.디자이너가 가지고 있으면 아주 좋을듯하며 스타일을 망라한 모든 페이지에서 사용하기 편리한 폰트들이 가득합니다. 독특한 폰트, 필기체 글꼴까지 확인하실 수 있습니다. 문자에 폰트 적용만으로 분위기를 완전히 바꾸고 멋진 디자인을 완성할 수 있도록 도움을 주며, 디자인이 막힐때 한번 둘어봐도 좋을법 한 사이트입니다. 다운로드는 폰트 타이틀을 클릭하면 각 각의 홈페이지로 이동하여 원하는 폰트를 다운로드 받을 수 있습니다. 사용시 라이센스 확인이 필요합니다 ~~

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 jquery.sTips.min.js 파일 링크를 걸어줍니다. 2. 툴팁의 CSS 스타일을 추가합니다. 3. 툴팁이 적용될 객체에 Title 속성이나 Alt 속성을 추가하여 툴팁 메세지를 입력합니다. 4. sTips 플러그인을 호출합니다. 5. 툴팁을 여러개 사용해야 하는 경우 {||} 구분자를 넣어 내용을 다르게 설정할 수 있습니다. (데모 참고) 6. 툴팁 내용을 Ajax로 호출할 수도 있습니다. 7. 툴팁 내용을 Javascript 함수로 호출할 수도 있습니다. 8. 툴팁의 위치를 변경할 수 있습니다. (Default : 2) 1 : Top left 2 : Top right 3 : Bottom right 4 : Bott..

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 textarea_MaxCharacterLimit.js 파일 링크를 걸어줍니다. 2. 입력 글자 카운트가 출력될 객체를 추가합니다. 3. TEXTAREA 객체와 플러그인을 호출합니다. totalCharsAllowed : 최대 입력 글자수textareaIdentifier : TEXTAREA IDspanId : 카운터 ID - 작동 예제

텍스트 에어리어는 한 줄 이상의 텍스트를 편집할 수 있는 영역을 만들고 싶을 때 사용합니다 문자가 지정된 영역에서 벗어나면 스크롤바가 생깁니다. 해당 소스를 이용하면 스크롤바가 생기지 않고 높이가 자동조절됩니다.

주 용도는 웹페이지에 표시되는 작은이미지 를 클릭하면light box 를 이용해서 큰 이미지를 보여주는 스크립트입니다. 화면 가운데에 열려진 light box에 마우스를 오버하면, 이전 이미지, 다음 이미지를 선택할수 있는 화살표가 표시가 되네요. 기본 스킨 외에도 아래의 그림과 같이 몇가지 테마도 같이 제공이 되네요. 유투브나 비메오에서 제공되는 동영상도 소스코드를 크게 손을 안봐도, light box 에서 재생되도록 할수가 있습니다. light box 에 줄수 있는 옵션들도 아래 처럼 몇가지가 있네요. 뒷 배경의 투명도와, 애니메이션의 작동여부와 에니메이션 작동에 소요되는 시간 등등을 조절할수가 있겠습니다. 이미지나, 동영상, 그외 HTML을 직접 짜서 lightbox 에 손쉽게 표시해야 하는 상황에..

국토교통부에서 제공하는 OPEN API 입니다. 제공되는 항목은 아래와 같습니다. 1. 열차정보 서비스 2. 지하철정보 서비스 3. 국내항공 운항정보 서비스 4. 국내선박 운항정보 서비스 5. 서외버스정보 서비스 6. 고속버스정보 서비스 7. 도착정보조회 서비스 8. 버스노선 정보조회 서비스 9. 버스정류소 정보조회 서비스 10. 버스위치 정보조회 서비스 위 10가지의 정보들은 https://www.data.go.kr/dataset/15000759/openapi.do 페이지에 접근하면 다운로드 가능한 문서를 통해 자세한 내용 확인이 가능 합니다. 해당 문서에는 서비스 사용을 하기 위한 Key 발급 방급도 같이 설명이 되어 있습니다.

Pogo Slider 는 여러가지 액션들을 제공하는 이미지 슬라이드 기능 입니다.Jquery 기반으로 제작이 되어 있습니다. 아래 페이지에서 다양한 액션에 대한 데모 슬라이더들을 확인이 가능 합니다. http://fluice.com/pogo-slider/#demos 해당 슬라이더의 사용 방법은 http://fluice.com/pogo-slider/#usage 페이지에서 확인을 하실수가 있는데, 첨부된 압축파일을 풀어보시면 demos 폴더내에 샘플 소스들을 확인도 가능 합니다. 사용법 아래쪽에서는 제공되는 옵션들도 확인이 가능 합니다.

전세계의 다양한 기업의 로고, 국기를 SVG, PNG 파일로 쉽게 다운받을 수 있는 사이트 Instant Logo Search를 소개합니다. 별도의 회원가입 없이 원하는 로고, 국기를 쉽게 다운받을 수 있으며, 국내 큰 기업인 카카오, 삼성, gs 등의 로고도 검색 되고 있습니다. 이미지 아래의 SVG, PNG를 클릭하여 각각 다운받을 수 있습니다. 또한 "Add to Bucket" 을 클릭하면 여러개의 로고, 국기 이미지들을 한번에 압축파일로 다운받을 수도 있습니다. 세계 유명 기업들의 고품질 로고 또는 국기 이미지를 찾으실 때 Instant Logo Search 사이트를 유용하게 사용해보세요.