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

index.html 파일을 웹브라우저로 열어보면 아래와 같은 데모를 확인을 해볼수 있습니다. 흑백사진으로 사람이 표시가 되고 사진을 클릭을 해보면 사진이 컬러로 변경이 됩니다. 사진 아래의 설명문구가 해당 사진에 맞는 내용으로 조절이 됩니다. 다른 사진을 선택해보면 아래의 그림 처럼 선택한 사진과, 해당 사진에 대한 설명문구로 변경이 됩니다. 사용하는 방법은 아래와 같습니다. 탭메뉴를 이용해서, 각 탭에 해당하는 컨텐츠를 표시하는 기능의 유형입니다. 회원관리, 신청자관리, 접수자관리 등등 각각의 평가를 하거나, 각각의 평가점수를 보기 위한 화면을 구성할 때에 활용을 해볼만 한 UI인 듯 하네요. 꼭 사람이 아니더라도, 사과, 바나나, 수박 등의 과일 사진이나, 강아지, 고양이, 거북이 등의 동물 등등의 ..

온라인상에서 (웹페이지) 전자 서명을 받을 상황이 필요하신 경우 이용이 가능한 Jq-ignature 입니다. 가볍게 구동되어 좋지만 서명하는 공간에서 마우스가 벗어났다가, 다시 서명공간으로 접근시에 마우스가 클릭이 된 형태로 서명이 이어지게 되는 불편함이 있습니다. 데모는 http://bencentra.github.io/jq-signature/ 페이지에서 확인이 가능하고, 페이지 하단에서 서명을 한뒤에 Save Signature 버튼을 클릭하여 이미지 생성을 확인 할 수 있습니다. 해당 페이지에는 이용하는 방법도 같이 기재 되어 있습니다.

3가지 색상을 바로보고 비교할수 있는 컬러픽커 입니다. 데모 링크를 통해서 바로 확인이 가능하며 하단의 Export 버튼을 클릭하여 자료를 다운 받으실 수 있습니다^^