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

텍스트에 마우스가 올라가면 우측 이미지처럼 텍스트가 계단을 타고 미끄러져 오르는 듯한 효과를 볼 수 있습니다. 소스를 살펴보면 transform의 skew를 이용하여 계단 모양을 만들고 마우스 올릴 시 transform: translate(0, -50px); 스타일을 통해 각 영역의 글자를 위로 올리는 것을 확인해보실 수 있습니다. [html 소스] [주요 css]

다양한 차트 그래프를 출력 가능한 javascript 라이브러리 vis.js 입니다. 네트워크, 타임라인, 3d, 2d 차트등을 지원합니다. https://visjs.org/ 페이지로 접속시 아래와 같이 각 차트의 문서 및 데모를 열람이 가능 합니다. 샘플보기 페이지로 이동시 쉽게 샘플을 볼 수 있도록 미리보기 기능이 제공 되며, 클릭하여 실제 샘플을 볼 수 있습니다. https://visjs.github.io/vis-network/examples/ (네트워크 그래프 데모)

안녕하세요 해피CGI 입니다. - 해피 오픈마켓 솔루션 모바일 Ver3.1 (타입D 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 오픈마켓 솔루션 타입C Ver5.1 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. - 해피 오픈마켓 솔루션 모바일 Ver3.1 (타입D 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다.

안녕하세요 해피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 을 이용하여 이미지의 특정 부분들을 클릭시 이미지가 줌인되고 설명 텍스트가 나오도록 제작된 소스입니다.