일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #CSS
- #cgimall
- 사이트제작
- 홈페이지제작
- jquery
- #해피CGI
- happycgi
- #image
- #솔루션
- #동영상
- 해피씨지아이
- #홈페이지제작
- 솔루션
- 웹솔루션
- #업종별
- php
- #홈페이지
- #웹솔루션
- #쇼핑몰
- #이미지
- 홈페이지
- #happycgi
- 해피CGI
- #jQuery
- CSS
- 쇼핑몰
- javascript
- #뉴스
- CGIMALL
- 게시판
- Today
- Total
목록2021/04 (17)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
텍스트를 위 아래로 스크롤링을 하는 가벼운 텍스트 애니메이션용 jQuery 플러그인 입니다. 데모는 다운로드 받은 파일의 압축을 해제한 후 test/index.html 파일을 웹브라우저로 열어보면 됩니다. 화면에 출력되는 텍스트에 롤링 효과를 주기 위한 플러그입입니다. 텍스트를 롤링하기에 필요한 속도(speed) 와 지연시간(delay) 을 지정할수 있습니다. 그 외 텍스트가 변경될 때 몇가지 효과를 지정할수 있습니다. 샘플 파일의 소스코드를 확인해보면, HTML코드와 자바스크립트도 복잡한 형태는 아니어서 쉽게 사용이 가능할 걸로 보이네요.
* Simple Data Table with JavaScript javascript 로 만든 가볍고 간단한 테이터 테이블입니다 간단한 테이블에 데이터를 표시하며 필요할때마다 데이터를 로드 합니다 * License - MIT License * 적용방법 첨부된 압축파일을 해제후 원하는 웹디렉터리에 업로드 합니다 그리고 적용될 html 문서에 아래와 같은 코드들을 삽입합니다 스크립트파일과 코드, css 파일을 로드합니다 테이터테이블 폼을 출력 할 html 과 script 를 아래와 같이 구성합니다 브라우저로 출력시 아래와 같은 결과화면을 확인할 수 있습니다
* flxMenu - flxMenu 플러그인은 데스크톱 및 모바일 장치에 드롭 다운 탐색을 만드는 데 도움이되는 반응 형 jQuery 플러그인입니다. * License - MIT License * 적용방법 - 첨부된 압축파일을 해제하여 디렉터리에 업로드한후 적용할 html 문서에 아래와 같은 코드들을 삽입합니다 배포된 js , css 를 호출합니다 드랍다운될 요소 html 을 작성합니다 브라우저로 출력시 아래와 같은 드랍다운이 작동되는 화면을 확인할 수 있습니다 첨부된 파일에 fixMenu-master/fixMenu_Examples 폴더안에 html 샘플파일이 있으니 참고하면 좋을듯 합니다
Java 기반으로 개발된 풀스택 웹애플리케이션 개발 프레임워크 AXBoot 입니다. 해당 프레임워크의 특징 및 소스 다운로드 링크는 홈페이지에서 확인이 가능 합니다. http://axisj.com/axboot/ 해당 페이지 하단에는 소개영상도 있어서 기능 확인이 용이합니다. https://api.axboot.com/ 페이지에서 자세한 이용방법을 확인 할 수 있습니다.
900개가 넘는 백터 아이콘을 무료제공하는 AXICON 입니다. https://github.com/axisj/axicon/releases 사이트를 통해 다운로드가 가능하며, http://axisj.com/axicon/ 페이지에서 이용방법을 확인을 할 수 있습니다. 제공되는 아이콘이 많지만 사이트에서 제공하는 아이콘탐색기를 통해 쉽게 아이콘을 검색 할 수 있습니다. http://axicon.axisj.com/
반응형으로 구현된 차트 위젯 입니다. 차트 페이지만 개별로 구현하시길 원하시는 경우 사용하시면 좋을듯 합니다. 라이센스는 MIT 라이센스 입니다. 압축 파일을 해제하면 index.html 파일이 있습니다. 해당 파일을 브라우저에서 호출하면 샘플 확인이 가능 합니다. 차트의 데이터는 동일 경로의 script.js 에 선언되어 있습니다. 차트 데이터는 아래와 같은 방식으로 선언합니다. 한가지 아쉬운점은 기능에 대한 옵션 안내 또는 메뉴얼이 없네요.
YouTube 동영상을 표지 배경으로 삽입 가능한 가볍고 간단한 jQuery 플러그인입니다. 해당 플러그인은 YouTube 동영상 임베딩 API를 사용하여 동영상을 가져와 웹 페이지 (또는 특정 div) 배경으로 재생합니다. HTML5 데이터 속성에 비디오 URL을 추가하기 만하면이 플러그인이 해당 비디오를 배경으로 자동 설정합니다. 모든 크기 및 기간으로 비디오를 추가 할 수 있으며 사용 가능한 화면 크기로 크기가 조정됩니다. 그리고 배경 비디오는 반복 재생됩니다. 라이센스는 MIT Licence 입니다. Youtube 영상을 가져와서 보여주려면 사용하는 도메인은 SSL 보안인증서가 장착된 HTTPS 도메인에서만 사용 가능 합니다. 사용법 안내 입니다. /* optional css fade in ani..
마우스를 올리면 글자 아래 밑줄이 글자를 감싸는 테두리가 되며, 테두리가 선을 그리듯이 감싸주는 멋진 효과도 줄 수 있습니다. 홈페이지 또는 첨부파일을 받아보시면 자세한 소스를 확인해보실 수 있습니다. ^^
이미지로 만들었던 리본을 css로 쉽게 만들어보세요. transform:rotate 스타일를 사용하여 모서리에 감겨있는 리본을 만들어 보실 수 있습니다. [주요 CSS01 - 리본 몸통] [주요 CSS02 - 뒤로 넘어가는 리본 표현] [주요 CSS03 - 위치에 따른 스타일] 위치에 따라 position 위치 와 넘겨지는 리본의 border-color값, 그리고 rotate값이 달리지는 것을 확인해보실 수 있습니다. 포토샵으로 이미지로만 제작했던 리본을 css를 이용하여 이미지 제작과정 없이 쉽게 제작해 보세요 ^^