반응형
반응형

QUnit: A JavaScript Unit Testing framework.

 

QUnit을 이용한 Javascript 단위테스트http://www.nextree.co.kr/p2256/ 

 

What is QUnit?

QUnit is a powerful, easy-to-use JavaScript unit testing framework. It's used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!

Getting Started

A minimal QUnit test setup:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.15.0.css">
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="//code.jquery.com/qunit/qunit-1.15.0.js"></script>
  <script src="tests.js"></script>
</body>
</html>

The contents of tests.js:

1
2
3
 
QUnit.test( "hello test", function( assert ) {
  assert.ok( 1 == "1", "Passed!" );
});

The result:

Browser Support

QUnit supports the same browsers as jQuery 1.x.

That's IE6+ and Current - 1 for Chrome, Firefox, Safari and Opera.

 ======================================================================

 

jQuery Mockjax: Ajax request mocking

http://github.com/appendto/jquery-mockjax/

jQuery Mockjax provides request/response mocking for ajax requests with jQuery and provides all standard behaviors in the request/response flow.

You may report any issues you may find in the github issue tracking.

jQuery Version Support

The current version of Mockjax has been tested with jQuery 1.3.2 through 2.0.0 with QUnit unit tests, residing in /test.

Browsers Tested

Internet Explorer 6-9, Firefox 3.6 and stable, Safari 5.x, Chrome stable, Opera 9.6-latest.

 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

[javascript] Chart - Chartist.js: Simple responsive charts  (0) 2014.09.05
[javascript] UILang: A UI-focused programming language  (0) 2014.09.05
asp - JSON : http://www.aspjson.com/  (0) 2014.09.04
[javascript] Duo.js: A next-gen front-end package manager  (0) 2014.09.03
[javascript] Chart & javascript - C3.js: A D3 reusable chart library  (0) 2014.09.03
반응형

Duo.js: A next-gen front-end package manager

Duo.js is a next generation package manager for the front end that blends ideas from Component, Browserify, and Go. It makes writing and organizing front-end code fast and pain-free.

duo.js

Homepage: http://duojs.org/
GitHub: https://github.com/duojs/duo

 

 

A next-generation package manager for the front-end 

http://duojs.org/

 

Duo is a next-generation package manager that blends the best ideas from Component, Browserify andGo to make organizing and writing front-end code quick and painless.

Features

  1. has first-class support for Javascript, HTML and CSS
  2. exposes a unix-y command line interface
  3. pulls source directly from GitHub with semantic versioning
  4. supports source transforms, like Coffeescript or Sass
  5. does not require a manifest

 

 

 

 

 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

[javascript] QUnit: A JavaScript Unit Testing framework.  (0) 2014.09.05
asp - JSON : http://www.aspjson.com/  (0) 2014.09.04
[javascript] Chart & javascript - C3.js: A D3 reusable chart library  (0) 2014.09.03
[MockUp] http://ninjamock.com/ - Mockup 도구  (0) 2014.09.03
구글 폴리머 프로젝트 http://www.polymer-project.org/  (0) 2014.08.21
반응형

Chart & javascript - C3.js: A D3 reusable chart library

C3.js is a D3-based reusable chart library that doesn’t require you to write any actual D3 code. It’s fully controllable and easy to customize, too.

c3

Homepage: http://c3js.org/
GitHub: https://github.com/masayuki0812/c3
Docs: http://c3js.org/gettingstarted.html
Demo Page: http://c3js.org/examples.html

 

 

c3 Build Status

c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.

More information is here: http://c3js.org

Tutorial and Examples

Another samples are included in this repository:

And you can run these samples as:

$ cd c3/htdocs
$ python -m SimpleHTTPServer 8080

Forum

Now you can ask anything in this forum:

Playground

Please fork this fiddle:

 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

asp - JSON : http://www.aspjson.com/  (0) 2014.09.04
[javascript] Duo.js: A next-gen front-end package manager  (0) 2014.09.03
[MockUp] http://ninjamock.com/ - Mockup 도구  (0) 2014.09.03
구글 폴리머 프로젝트 http://www.polymer-project.org/  (0) 2014.08.21
[javascript]Typography : Blast.js: Make text manipulable  (0) 2014.08.11
반응형

S Gallery: Responsive jQuery gallery plugin

S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

s gallery

Homepage: http://sarasoueidan.com/blog/s-gallery/
GitHub: https://github.com/sarasoueidan/s-gallery
Demo Page: http://sarasoueidan.com/demos/s-gallery/

 

Licensed under Creative Commons Attribution Non-Commercial (CC BY-NC 4.0)

 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[jQuery] like Pinterest. 핀트레스트 같은 그리드(Grid)  (0) 2014.10.08
[jQuery] S Gallery: Responsive jQuery gallery plugin  (0) 2014.10.08
[jQuery] Circliful: Circular loaders with jQuery  (0) 2014.08.11
[jQuery] jQuery 에서 해당 요소(element)의 존재여부를 확인할 때  (0) 2014.08.01
[jQuery] jQuery.vibrate.js: Trigger mobile device vibrations  (0) 2014.07.21
반응형

Blast.js: Make text manipulable

Blast.js makes it easy to separate your text to make it manipulable, with four delimiters built-in: character, word, sentence, and element. The elements generated can be accessed via JavaScript or CSS.

blast.js

Homepage: http://julian.com/research/blast/
GitHub: http://github.com/julianshapiro/blast


Blast (1.1.1)

Docs
http://julian.com/research/blast

Quickstart

npm install blast-text

bower install blast-text

Frameworks
Both jQuery and Zepto are fully supported.

Browsers
All major browsers are supported. Back to IE6.





반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

[MockUp] http://ninjamock.com/ - Mockup 도구  (0) 2014.09.03
구글 폴리머 프로젝트 http://www.polymer-project.org/  (0) 2014.08.21
[Mobile] Mobify.js: Adapt your site for any device  (0) 2014.08.06
[javascript] Eloquent JavaScript: A modern programming introduction  (0) 2014.08.06
[javascript] Deckard: Web Animations API slide deck  (0) 2014.08.01
반응형

Eloquent JavaScript: A modern programming introduction

Eloquent JavaScript, now in its second edition, is a free ebook that offers up a modern introduction to JavaScript programming. It covers everything from program structure to regular expressions to Node.js, and everything in between.

eloquent javascript

Homepage: http://eloquentjavascript.net/
반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

[javascript]Typography : Blast.js: Make text manipulable  (0) 2014.08.11
[Mobile] Mobify.js: Adapt your site for any device  (0) 2014.08.06
[javascript] Deckard: Web Animations API slide deck  (0) 2014.08.01
[HTML5] HTML Minifier: Minify your HTML files. HTML 소스 줄여줘요~  (0) 2014.07.25
[HTML5] Can I use?: Up-to-date browser support reference  (0) 2014.07.25

+ Recent posts

티스토리툴바