Slicebox - slideshow


참조 URL
  1. http://tympanus.net/Development/Slicebox/index.html

 

 미려한 모양을 갖춘 3D 슬라이드쇼 라이브러리다. CSS Transition을 통해 구현되었으며 지원되지 않는 브라우저에서는 보통의 슬라이드와 같이 표현된다.



 [그림1] Slidebox

저작자표시 동일조건

'Javascript' 카테고리의 다른 글

(''+[][[]])[!+[]+!+[]] + (''+[][[ ~  (0) 2013.05.01
[Javascript Framework] Responsive Multi-Level Menu  (0) 2013.05.01
[Javascript Framework]데이터 시각화 Library - Data Visualization  (0) 2013.05.01
[Javascript Framework] Hot Towel SPA - Project template  (0) 2013.04.28
[Javascript Framework]lodash - Utility library ( underscore 호환)  (0) 2013.04.03

데이터 시각화 Library

( Data Visualization )


참조 URL
  1. 데이터 시각화 라이브러리 목록
  2. Visualization Libraries
  3. Data Visualization
  4. The 20 best tools for data visualization
  5. 50 JavaScript Libraries for Charts and Graphs

 

위 참조 링크 페이지로 한번 가보면 시각화에 필요한 라이브러리들을 정리한 사이트이다.



[그림1] Data Visualization 사이트


저작자표시 동일조건

'Javascript' 카테고리의 다른 글

[Javascript Framework] Responsive Multi-Level Menu  (0) 2013.05.01
[Javascript Framework] Slicebox - slideshow  (0) 2013.05.01
[Javascript Framework] Hot Towel SPA - Project template  (0) 2013.04.28
[Javascript Framework]lodash - Utility library ( underscore 호환)  (0) 2013.04.03
[Javascript Framework]Lungo.js - 모바일용 개발 프레임워크  (0) 2013.04.03

Hot Towel SPA - Project template


참조 URL
  1. Hot Towel template
  2. http://blog.pluralsight.com/2013/02/26/hot-towel-spa-new-asp-net-mvc-project-template/
  3. http://www.asp.net/single-page-application/overview/templates

 


 Hot Towel SPA 템플릿이 나왔다. ASP.NET MVC 4에서 Web API와 궁합이 맞는 자바스크립트 프레임웍이다.  Visual studio에서 해당 템플릿을 추가하기 위해서는 아래 링크에서 VSIX 파일을 다운받아 실행시키면 템플릿으로 프로젝트를 만들 수 있을 것이다.

http://www.asp.net/single-page-application/overview/templates/hottowel-template


 아래 '그림1'은 템플릿을 통해 실행된 페이지 결과 화면이다.


[그림1] Hot Towel tamplate 실행 결과 화면


 Hot Towel template은 기본적으로 Breeze.js, Durandal.js, Knockout.js, Require.js, Toastr.js, Twitter Bootstrap를 이용해서 개발 가이드를 제시해주는 템플릿이라 하겠다. 각각의 자바스크립트 라이브러리가 맡은 기능을 정리하면 아래와 같다.

Featured Libraries

  • ASP.NET MVC
  • ASP.NET Web API
  • ASP.NET Web Optimization - bundling and minification
  • Breeze.js - Data 관리
  • Durandal.js - 네비게이션과 페이지 조합
  • KnockOut.js - 데이터 바인딩
  • Require.js - 모듈화 및 AMD 최적화 지원
  • Toastr.js - Pop up 메세지 지원
  • Twitter bootstrap - CSS 스타일


저작자표시 동일조건

'Javascript' 카테고리의 다른 글

[Javascript Framework] Slicebox - slideshow  (0) 2013.05.01
[Javascript Framework]데이터 시각화 Library - Data Visualization  (0) 2013.05.01
[Javascript Framework]lodash - Utility library ( underscore 호환)  (0) 2013.04.03
[Javascript Framework]Lungo.js - 모바일용 개발 프레임워크  (0) 2013.04.03
[Javascript Framework]Zeptojs - WebKit을 지원하는 경량화된 프레임워크 - jquery 문법 호환  (0) 2013.04.03

Lo-Dash

목차
  1. http://lodash.com/
  2. http://lodash.com/docs
  3. https://github.com/bestiejs/lodash
  4. http://jsperf.com/lo-dash-each-vs-native-foreach/3


 Underscore와 같은 유틸리스 라이브러리다. 압축 사이즈는 20.4KB, 개발용은 41.4KB이며 Underscore와 같이 사용할 수 있는 버전도 따로 받을 수 있다. 




 브라우저 호환성은 아래와 같다.


Lo-Dash v1.1.1 has been tested in at least Chrome 5~25, Firefox 2~19, IE 6-10, Opera 9.25-12, Safari 3-6, Node.js 0.4.8-0.10.1, Narwhal 0.3.2, PhantomJS 1.8.1, RingoJS 0.9, and Rhino 1.7RC5. 


저작자표시 동일조건

'Javascript' 카테고리의 다른 글

[Javascript Framework]데이터 시각화 Library - Data Visualization  (0) 2013.05.01
[Javascript Framework] Hot Towel SPA - Project template  (0) 2013.04.28
[Javascript Framework]Lungo.js - 모바일용 개발 프레임워크  (0) 2013.04.03
[Javascript Framework]Zeptojs - WebKit을 지원하는 경량화된 프레임워크 - jquery 문법 호환  (0) 2013.04.03
[Javascript Pattern] Callback pattern  (0) 2013.03.17

Lungo.js

모바일용 개발 프레임워크

참고 URL
  1. http://lungo.tapquo.com/
  2. http://lungo.tapquo.com/howto/prototype/
  3. http://lungo.tapquo.com/howto/core/ 


 Lungo.js 파일은 스마트폰에서 HTML5를 지원하는 프레임워크이다. 관심 있으시 분들이 참고 하시기를 바랍니다.




저작자표시 동일조건

'Javascript' 카테고리의 다른 글

[Javascript Framework] Hot Towel SPA - Project template  (0) 2013.04.28
[Javascript Framework]lodash - Utility library ( underscore 호환)  (0) 2013.04.03
[Javascript Framework]Zeptojs - WebKit을 지원하는 경량화된 프레임워크 - jquery 문법 호환  (0) 2013.04.03
[Javascript Pattern] Callback pattern  (0) 2013.03.17
[Javascript Pattern] Lazy function definition - Self function definition - 자신을 정의 하는 함수  (0) 2013.03.17

Zeptojs - WebKit을 지원하는 경량화된 프레임워크
( jquery 문법 호환 )


참조 URL
  1. http://zeptojs.com/
  2. http://xespresso.net/board/view/js-javascript/78/page:1/sort:hit/direction:asc
  3. http://tweetmix.net/?u=zeptojs.com/*



 위 참조 URL을 보면 ZeptoJs는 jQuery 문법과 호환되지만 Webkit를 지원하는 브라우저만 지원하는 용량이 경량화된 DOM 프레임워크이다. 지원하는 브라우저가 아래 표와 같다.



Desktop browsers

  • Safari 5+ (Mac, Win)
  • Chrome 5+ (Win, Mac, Linux, Chrome OS)
  • Mozilla Firefox 4+ (Win, Mac, Linux)
  • Opera 10+ (Win, Mac, Linux)

Mobile browsers

  • iOS 4+ Safari
  • Chrome for Android
  • Chrome for iOS
  • Android 2.2+ Browser
  • webOS 1.4.5+ Browser
  • BlackBerry Tablet OS 1.0.7+ Browser
  • Amazon Silk 1.0+
  • Firefox for Android
  • Firefox OS Browser
  • Practically any WebKit-based browsers/runtimes 

[표1] ZeptoJs가 지원하는 브라우저 (2013. 04. 22 기준)


 모바일이나 회선 속도에 제약이 많은 환경에서 사용한다면 용량이나 다운로드 속도 면에서 jQuery나 Prototype에 비해 이득을 얻을 수 있을 것이다.


저작자표시 동일조건

'Javascript' 카테고리의 다른 글

[Javascript Framework]lodash - Utility library ( underscore 호환)  (0) 2013.04.03
[Javascript Framework]Lungo.js - 모바일용 개발 프레임워크  (0) 2013.04.03
[Javascript Pattern] Callback pattern  (0) 2013.03.17
[Javascript Pattern] Lazy function definition - Self function definition - 자신을 정의 하는 함수  (0) 2013.03.17
[Javascript Pattern] javascript 함수 파라메터 생성 패턴  (0) 2013.03.17

+ Recent posts

티스토리툴바