최고다의 웹 개발 일지

사이트주소: http://dmitrybaranovskiy.github.io/raphael/설명: HTML5의 canvas 기능을 지원하는 polyfill 이며 canvas가 되지않는 IE의 경우 VML 로 호환된다. Raphael은 현재 Firefox 3.0 이상, Safari 3.0 이상, Chrome 5.0 이상, Opera 9.5 이상 및 Internet Explorer 6.0 이상을 지원합니다. 데모는 사이트 하단에 여러가지가 있으며 ExtJs에서도 raphael을 이용한 그래픽 기능이 포함되어있다.

사이트주소: https://github.com/kennethkufluk/js-mindmap설명: raphael library를 이용하여 canvas에 마인드 맵을 그려준다. 본인은 시각화 도구(토픽맵)을 개발하기 위하여 사용했다. 추후 기존 코드를 참고하여 새로 개발해야 할듯 싶다. 데모사이트: http://kenneth.kufluk.com/google/js-mindmap/적용사이트: http://www.emuseum.go.kr/

사이트주소: http://hammerjs.github.io/설명: 모바일 터치 이벤트를 관리 할 수 있으며, 멀티터치도 지원한다. pinch zoom 기능을 이용하기 위하여 사용하였다. 샘플코드: https://jsfiddle.net/q8qeLcn7/

사이트주소: https://github.com/electron/electron설명: Electron 프레임워크는 JavaScript, HTML 그리고 CSS를 사용하여 Cross-Platform 데스크톱 애플리케이션을 개발할 수 있도록 해주는 프레임워크입니다. Node.js와 Chromium을 기반으로 만들어졌으며 Atom Editor에 사용되고 있습니다. 더 많은 애플리케이션은 이곳에서 확인하세요. 아직 사용해 보진 않았지만 유용하게 사용 될듯 하여 포스트에 남깁니다.

사이트주소: http://defiantjs.com/설명: javascript Object를 기반으로 템플릿 랜더링을 하거나 Object 내 검색을 지원한다. 샘플코드: http://jsfiddle.net/n1fcpt19/