Zebra - 풍부한 UI를 만들 Web 응용 프로그램 프레임 워크

HTML5에 의해 UI 주위는 크게 개선되었습니다만, 

그래도 아직 부족하다고 느끼는 것이 많습니다. 

그 결과 외부 라이브러리를 도입하지 않을 수 없어 

호환성이나 조합에 의한 문제가 발생할 수 있습니다. 

이번에는 많은 풍부한 UI 라이브러리를 제공하는 Zebra를 소개합니다. 

Zebra 절대로 다른 라이브러리를 사용 않고도 

풍부한 Web 응용 프로그램을 개발할 수있을 것입니다.

Zebra 사용법

 샘플입니다. 

대각선으로되어있는 부분도 구성 요소입니다

탭을 클릭하고 표시를 전환 할 수 있습니다.

곡선 그래프.

키보드 단축키 설정, 해제가 전환되는 구성 요소입니다.

구성 요소의 선택을 전환하는 데모.

드래그 앤 드롭 할 수있는 그래프.

세세한 표시 위치 제어.

마우스 추적.

복잡한 모양 안에 텍스트 상자.

이쪽도 Web 응용 프로그램에서 쓸만한 복잡한 UI 구성 요소입니다.

 Zebra는 40 개 이상의 UI 구성 요소가 준비되어 있으며, 

복잡한 Web 어플리케이션을 개발할 수 있습니다. 

인터페이스는 Canvas를 사용하고 있기 때문에, 

깨끗한 그래픽을 그릴 수 있는 것이 포인트입니다. 

Zebra는 HTML5 / JavaScript로 만든 오픈 소스 소프트웨어 (Apache Licnese 2.0)입니다.

| HTML5 Canvas Rich UI JavaScript Library

barmalei/zebra: JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool