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

- 소개 원 페이지 스크롤 네비게이션 jQuery 소스입니다. 랜딩 페이지 등 원 페이지 사이트나 이벤트 페이지 제작시 유용할 것 같습니다. - 라이센스 MIT - 작업 예제 1. 섹션을 나누어 웹 페이지를 생성합니다. 2. 섹션 내용이 화면을 꽉 채우게 CSS를 추가합니다. 3. 네비게이션 버튼을 추가합니다. 각 섹션별로 입력한 ID 값을 통해 링크를 걸어줍니다. 4. CSS 스타일을 추가합니다. 5. jQuery 라이브러리를 링크해 줍니다. 6. 특별한 추가 jQuery 라이브러리 없이 jQuery 기본 함수들만으로 네비게이션이 작동할 수 있도록 코딩합니다. - 결과물

슬라이더를 이용하여 시간을 설정하는 jQuery 플로그인입니다. - 라이센스 MIT - 사용 방법 1. 사용할 페이지 상단에 jQuery 라이브러리와 CSS 링크를 걸어줍니다. 2. 사용할 페이지 상단에 durationSlider 플러그인 파일을 링크해줍니다. 3. 설정 시간을 표시할 INPUT 태그를 추가합니다. 4. 슬라이더를 표시할 DIV 레이어를 추가합니다. 5. durationslider 플러그인을 호출하여 슬라이더를 생성합니다. 6. 시간의 출력 포멧도 설정할 수 있습니다. 7. 슬라이더의 범위(최소/최대값)와 값의 변동 단위를 변경할 수 있습니다. 8. 슬라이더를 마우스 휠로 이동할지 여부도 설정할 수 있습니다. - 결과물

모바일 사이트 UI 제작을 위한 프레임워크 jquery mobile jquery mobile은 HTML5 및 CSS3의 기본지식만 있어도 손쉽게 다양한 디바이스의 반응형 UI 제작이 가능합니다. https://jquerymobile.com/ 위 사이트에 가서 최신 버전을 다운로드 및 연결해주고, http://demos.jquerymobile.com/1.4.2/transitions/ 위 사이트에 가서 원하는 타입을 찾아서 선택한 타입의 view Source를 복사 붙여넣기 하면 바로 적용이 됩니다. 확인은 크롬 모바일 버전으로 가능하겠죠... 간단하고 쉽고, 깔끔한 모바일 모바일 사이트 UI 제작용 프레임워크 jquery mobile 입니다.

쓸때마다 찾기 귀찮지만 필요한 뒤로가기, 새로고침, 앞으로 가기 자바스크립트 소스입니다. 첨부 소스 다운로드 받으시면 3가지 자바스크립트 소스가 있으며, 매번 쓸때마다 검색하는게 번거롭고 찾기 귀찮지만 필요한 소스입니다.

선택한 부분만 배경이미지가 블러처리되는 연출방법입니다. 배경이미지 원본과 블러처리된 배경이미지 2개를 사용하여 특정영역의 뒷 배경이미지 부분만 블러처리 된 것 처럼 연출하는 방법입니다. 해당 사이트에서 소스및 데모확인이 가능합니다. 첨부파일에 관련 html.css 파일이 첨부되어 있습니다.

* jquery Sliding Panels Template - 선택된 프로젝트에 대한 내용을 슬라이드 효과로 보여주는 기능이 있습니다 * 사용방법 - HTML 구조는 정렬되지 않는 두개의 목록 , 프로젝트 미리보기 이미지의 ul.cd-projects-previews , ul.cd-projects-title nav.cd-primary-nav 로 구성됩니다 의 너비는 뷰포트 높이의 1/4에 해당하며 하위 요소의 배경이미지로 설정됩니다 높이가 뷰포트 높이와 같고 전체 뷰포트를 덮기 위해 맨위로 변환됩니다 .cd-projects > li 에서 각 목록 항목은 절대 위치, 너비와 높이가 각각 뷰포트 높이와 같으며 기본적으로 숨겨져 있습니다 HTML 문서에 적용하였을때 기본적으로 아래와 같이 코드가 삽입됩니다 cs..

* jquery Quttons - Qunatum Paper 는 새로운 내용을 수용하기 위해 크기, 모양 및 색상을 변경할 수 있는 디지털 용지 입니다 - 버튼에 대한 시각적인 효과와 함게 메모내용을 버튼에 삽입할 수 있는 기능을 제공합니다 * 사용방법 - 첨부된 압축파일을 해제하여 웹사이트에 적용할 디렉터리에 압축을 해제하여 기본제공되는 js,css 파일을 html 문서에 삽입합니다 그이후 대화상자를 디자인하며 원하는 css 스타일을 사용하여 div 를 디자인 합니다 웹에서 URL 호출하여 실행할 경우 아래와 같은 결과를 확인할 수 있습니다

사이트에 접속하셔서 가지고 계신 인물 사진을 한번 업로드 해보시기 바랍니다. 그러면 너무 신기하게도 수초만에 인물만 딴 이미지를 다운로드 받을 수 있습니다. 인물만 따고 싶을때 한번 이용해 보시기 바랍니다.

안녕하세요 해피CGI 입니다. 해피 콘텐츠샵 솔루션 타입B 모바일 Ver2.1 (장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 콘텐츠샵 솔루션 타입B Ver2.1 로 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.