일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 해피CGI
- 홈페이지제작
- jquery
- 게시판
- #뉴스
- 쇼핑몰
- 해피씨지아이
- #웹솔루션
- #jQuery
- 웹솔루션
- happycgi
- #업종별
- php
- #happycgi
- #쇼핑몰
- #솔루션
- #CSS
- #홈페이지
- 사이트제작
- #동영상
- #image
- #홈페이지제작
- #해피CGI
- CSS
- CGIMALL
- javascript
- #cgimall
- 솔루션
- 홈페이지
- #이미지
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
안녕하세요 해피CGI 입니다. 해피 트립 솔루션 Ver1.1 홈페이지가 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.
안녕하세요 해피CGI 입니다. 해피 대출상담 솔루션 Ver1.6 홈페이지가 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.
안녕하세요 해피CGI 입니다. 해피 인테리어 역경매 솔루션 Ver1.6 홈페이지가 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.
네이버 CLOVA 에서 제공하는 얼굴과 관련된 다양한 정보를 제공하는 얼굴 인식 API CLOVA Face Recognition 입니다. https://developers.naver.com/products/clova/face/ 아래와 같은 기능을 이용 할 수 있습니다. 개발 가이드는 아래 페이지에서 확인 가능 합니다. https://developers.naver.com/docs/clova/face/reference
웹사이트의 로딩 속도 테스트 및 분석을 도와주는 프로그램인 GTmetrix 입니다. https://gtmetrix.com/ 페이지를 통해 확인이 가능 합니다. URL을 입력하고 Test your site 버튼을 클릭하면 되는데, 회원가입후에 로그인을 하면 아래와 같이 옵션 변경이 가능합니다. 테스트를 진행하는 나라/국가도 선택이 가능한데, 무료로 제공되는 나라는 홍콩, 런던, 뭄바이, 시드니, 밴쿠버 입니다. 나머지 도시는 유료버전에서만 선택이 가능 합니다. 테스트 URL을 입력하고 테스트를 시작하면 1~4단계 테스트를 진행 하게 되고, 3단계에서 화면 스크린샷이 출력 됩니다. 테스트가 끝이 나면 아래와 같은 결과를 확인이 가능 합니다.
dTree는 부드러운 CSS3 전환으로 고전적인 접기/디렉토리/파일 트리 보기 구조를 만들기 위한 간단한 경량 jQuery 플러그인입니다. Cookie는 웹 페이지를 새로 고칠 때 오픈 상태를 기억할 수 있도록 지원합니다. 다운로드 받은 파일의 압축을 해제한 뒤, index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 폴더 아이콘 좌측에 있는 + 를 눌러서 펼쳤다가, 접었다가 할수 있습니다. 펼치고, 접어지고 하는 사이에 애니메이션이 있습니다. 사용방법은 아래와 같습니다. 쿠키를 이용해서, 새창을 열었을때 펼쳐놓은 폴더를 유지시켜줍니다.
스크롤시 원하는 문구에 하이라이트가 텍스트 앞에서 뒤로 자동으로 적용됩니다. 원하는 문구에 mark 태그를 삽입합니다. 관련 css 소스입니다. mark 태그에 적용이 됩니다. animation-timeline을 이용하여 시작시점을 정할수 있습니다. 해당 사이트 또는 첨부파일에서 관련소스를 다운로드 받아 소스 확인이 가능합니다.
웹페이지를 제작하다보면 유튜브 영상을 삽입할때가 있습니다. 경우에 따라 썸네일을 보여주고 영상을 링크하는 경우도 있습니다. 이때 해당 유튜브 영상의 썸네일을 가져오는 방법에 대해 안내해 드립니다. 아래 영상의 썸네일을 가져온다고 할때 https://www.youtube.com/watch?v=ARTkK9h5nsI ARTkK9h5nsI 부분이 영상의 고유ID 값입니다. 해당값을 아래 처럼 이미지 주소에 삽입합니다. ARTkK9h5nsI/0.jpg"> 위와 같이 할경우 이미지의 상하에 검은색 여백이 생기고 이미지의 비율도 맞지않습니다. 이미지 경로에 파일명을 변경하여 다른 썸네일을 불러올 수 있습니다. 0.jpg"> 기본 이미지의 상하에 검은색 여백이 생깁니다. mqdefault.jpg"> 검은색 여백이 삭제..
MediaElement.js 는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다. MP4, MP3, WebM은 물론 Dailymotion, Facebook, SoundCloud, Twitch, Vimeo 및 Youtube와 같은 거의 모든 오디오 및 비디오 형식을 지원합니다. 데모페이지에 접속해보면, 위 그림 처럼 동영상을 재생하기 위한 샘플 소스를 확인할 수 있습니다. 사용 방법은 아래와 같습니다. mediaelement/docs/usage.md at master · mediaelement/mediaelement · GitHub 위 페이지를 통해서 사용법에 대한 다양한 매뉴얼을 확인해볼 수 있습니다.