일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #CSS
- #뉴스
- jquery
- 쇼핑몰
- 홈페이지
- 홈페이지제작
- 해피CGI
- #쇼핑몰
- php
- 웹솔루션
- #cgimall
- 해피씨지아이
- #홈페이지
- #image
- CGIMALL
- #동영상
- #해피CGI
- #웹솔루션
- #이미지
- CSS
- #솔루션
- #jQuery
- 사이트제작
- #업종별
- happycgi
- #홈페이지제작
- 게시판
- javascript
- 솔루션
- #happycgi
- Today
- Total
목록2021/05 (29)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
안녕하세요 해피CGI 입니다. 해피 오픈마켓 솔루션 타입D Ver5.1 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 오픈마켓 솔루션 타입D Ver5.1 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
SigmaJS 는 네트워크 그래프를 그려주는 Javascript 라이브러리 입니다. https://github.com/jacomyal/sigma.js/releases/ 페이지에서 최신버전의 소스를 다운로드 할 수 있습니다. http://sigmajs.org/ 홈페이지에 접근시 이용 방법을 확인 할 수 있으며, 소스 다운로드시 example 폴더에서 샘플 소스 확인도 가능 합니다.
Css를 이용한 Masonry Grid 디자인 갤러리입니다. css의 column옵션을 이용해서 디자인되고 있으며 css column 속성은 브라우저별 접두사를 붙여 사용해야 합니다. 크롬,사파리 -webkit- 파이어폭스 -moz- 오페라 -o- 익스플로러 -ms- (11,엣지 제외) column 옵션을 이용해서 단의 디자인을 구성하고 있으며 이미지 크기를 100%로 지정하여 해당 효과가 구현이되어 있습니다. 데모보기를 클릭하시면 결과물을 확인하실 수 있습니다. 최신버전의 브라우저에서만 동작이 됩니다^^
checkbox와 label 을 이용하여 이미지의 특정 부분들을 클릭시 이미지가 줌인되고 설명 텍스트가 나오도록 제작된 소스입니다.
로딩시 사용할수 있는 css 로딩효과 9가지 애니메이션 입니다.
ie에서도 position sticky를 이용할수 있는 소스입니다. 지정된 영역에부터 고정되어 스크롤되어 내려옵니다. 사용법은 간단하며 아래와같이 상단에 스크립트를 지정 /* position:sticky 고정 */ $(function() { Stickyfill.add($('.sticky')); }); 를 이용하여 사용하실 수 있습니다. 아래의 링크를 통해서 실행 데모를 확인하실 수 있습니다. http://wilddeer.github.io/stickyfill/test/
대한제분에서 곰표 폰트가 출시 하였습니다. 위의 라이센스를 참고하여 사용하시면 되겠습니다.
URL 만 입력하면 사이트에 오래된 문법의 JS 파일을 최신으로 변경시 얼마나 빨라지는지 수치화 해주는 사이트 입니다. 자신의 사이트에 얼마나 더 빨라 질수 있는지 점검해보기에 좋은 사이트 같습니다.
현재 최신 버전의 디바이스 기기부터 구형 안드로이도, 애플 기기까지 다양한 디바이스 모형을 다운받을 수 있는 사이트로 한번에 원하시는 이미지를 다운받아 보실 수 있습니다. 한번에 다운로드도 가능하며, 각 기기별로 다운로드도 가능합니다. 일괄로 다운로드를 하시면 용량이 많으므로 빠르게 적용하고자 하실 경우 개별 다운로드로 진행하시길 권장드리는 점 참고하시기 바랍니다. 기기별로 위와같이 PNG 형태로 배경이 없는 이미지를 제공해드립니다.