javascript

[javascript] http://d3js.org/ 2014.10.22
[jQuery] NoUiSlider: A tiny range slider 2014.10.20
[javascript] Cylon.js: A next generation robotics framework 2014.10.20
[javascript] Chart - Chartist.js: Simple responsive charts 2014.09.05
[javascript] UILang: A UI-focused programming language 2014.09.05
[javascript] QUnit: A JavaScript Unit Testing framework. 2014.09.05
[javascript] Duo.js: A next-gen front-end package manager 2014.09.03
[javascript] Chart & javascript - C3.js: A D3 reusable chart library 2014.09.03

[javascript] http://d3js.org/

홍반장水_ 2014. 10. 22. 15:54

2014. 10. 22. 15:54

Data-Driven Documents

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

https://github.com/mbostock/d3/wiki/Gallery

com or vida.io.

Visual Index

Box Plots	Bubble Chart	Bullet Charts	Calendar View
Non-contiguous Cartogram	Chord Diagram	Dendrogram	Force-Directed Graph
Circle Packing	Population Pyramid	Stacked Bars	Streamgraph
Sunburst	Node-Link Tree	Treemap

저작자표시

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

[javascript] AngularJS 기초 교육 동영상 (0)	2014.10.31
[Mobile] Fabric: An easy way to build apps - twitter (0)	2014.10.27
[HTML] Reveal.js: Easy HTML presentations - 프레젠테이션,PPT, HTML (0)	2014.10.20
[Framework] Schema: A modular front-end framework (0)	2014.10.20
[javascript] Cylon.js: A next generation robotics framework (0)	2014.10.20

[jQuery] NoUiSlider: A tiny range slider

홍반장水_ 2014. 10. 20. 09:38

2014. 10. 20. 09:38

NoUiSlider: A tiny range slider

jQuery UI slider

NoUiSlider is a range slider without the bloat, but with a ton of features. It’s lightweight and as minimal as possible, so it’s compatible on a wide range of devices.

Homepage: http://refreshless.com/nouislider/

https://github.com/leongersen/noUiSlider/

저작자표시

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

[Node.js] The Node Beginner Book (0)	2014.10.30
[jQuery] scroll event - 스크롤 이벤트 scroll start, scrolling, scroll stop (0)	2014.10.24
[jQuery] 시작페이지로 지정하기 Script (0)	2014.10.13
[jQuery] like Pinterest. 핀트레스트 같은 그리드(Grid) (0)	2014.10.08
[jQuery] S Gallery: Responsive jQuery gallery plugin (0)	2014.10.08

[javascript] Cylon.js: A next generation robotics framework

홍반장水_ 2014. 10. 20. 09:25

2014. 10. 20. 09:25

Cylon.js: A next generation robotics framework

Use → key to navigate

Cylon.js is a next generation robotics framework that’s compatible with 27 different platforms. It makes it incredibly easy and fun to command robots using JavaScript.

Homepage: http://cylonjs.com/
GitHub: https://github.com/hybridgroup/cylon/
Docs: http://cylonjs.com/documentation

JavaScript robotics framework using Node.js

http://cylonjs.com

저작자표시

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

[HTML] Reveal.js: Easy HTML presentations - 프레젠테이션,PPT, HTML (0)	2014.10.20
[Framework] Schema: A modular front-end framework (0)	2014.10.20
[javascript] Paths.js: Create SVG shapes for geometric shapes (0)	2014.10.08
[javascript] Chart - Chartist.js: Simple responsive charts (0)	2014.09.05
[javascript] UILang: A UI-focused programming language (0)	2014.09.05

[javascript] Chart - Chartist.js: Simple responsive charts

홍반장水_ 2014. 9. 5. 19:36

2014. 9. 5. 19:36

Chartist.js: Simple responsive charts

Chartist.js makes it simple to create highly customizable responsive charts. It’s completely built and customizable with SASS, uses SVG, and is DPI independent.

Homepage: http://gionkunz.github.io/chartist-js/
GitHub: https://github.com/gionkunz/chartist-js
Docs: http://gionkunz.github.io/chartist-js/getting-started.html

Checkout the documentation site at http://gionkunz.github.io/chartist-js/

Checkout this lightening talk that gives you an overview of Chartist in 5 minuteshttps://www.youtube.com/watch?v=WdYzPhOB_c8

Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either:

not responsive
use the wrong technologies for illustration (canvas)
are not flexible enough while keeping the configuration simple
are not friendly to your own code
are not friendly to designers
have unnecessary dependencies to monolithic libraries
more annoying things

That's why we have started Chartist.js and our goal is to solve all of the above issues.

저작자표시

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

[javascript] Cylon.js: A next generation robotics framework (0)	2014.10.20
[javascript] Paths.js: Create SVG shapes for geometric shapes (0)	2014.10.08
[javascript] UILang: A UI-focused programming language (0)	2014.09.05
[javascript] QUnit: A JavaScript Unit Testing framework. (0)	2014.09.05
asp - JSON : http://www.aspjson.com/ (0)	2014.09.04

[javascript] UILang: A UI-focused programming language

홍반장水_ 2014. 9. 5. 19:34

2014. 9. 5. 19:34

UILang: A UI-focused programming language

UILang is a UI-focused programming language specifically for web designers. It makes it easy to build interfaces with things like pop overs, galleries, tabs, overlays, and more.

Homepage: http://uilang.com/

저작자표시

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

[javascript] Paths.js: Create SVG shapes for geometric shapes (0)	2014.10.08
[javascript] Chart - Chartist.js: Simple responsive charts (0)	2014.09.05
[javascript] QUnit: A JavaScript Unit Testing framework. (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] QUnit: A JavaScript Unit Testing framework.

홍반장水_ 2014. 9. 5. 16:32

2014. 9. 5. 16:32

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:

<!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:

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

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

홍반장水_ 2014. 9. 3. 15:28

2014. 9. 3. 15:28

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.

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

has first-class support for Javascript, HTML and CSS
exposes a unix-y command line interface
pulls source directly from GitHub with semantic versioning
supports source transforms, like Coffeescript or Sass
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

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

홍반장水_ 2014. 9. 3. 15:25

2014. 9. 3. 15:25

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.

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

c3

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:

https://github.com/masayuki0812/c3/tree/master/htdocs/samples

And you can run these samples as:

$ cd c3/htdocs
$ python -m SimpleHTTPServer 8080

Forum

Now you can ask anything in this forum:

https://groups.google.com/forum/#!forum/c3js

Playground

Please fork this fiddle:

http://jsfiddle.net/masayuki0812/7kYJu/

저작자표시

'프로그래밍 > 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

PREV 이전 1 ···17 18 19 20 21 22 23 ···43 NEXT 다음

긍정적 사고, 음식의 절제, 규칙적인 운동

javascript

[javascript] http://d3js.org/

Visual Index

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

[jQuery] NoUiSlider: A tiny range slider

NoUiSlider: A tiny range slider

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

[javascript] Cylon.js: A next generation robotics framework

Cylon.js: A next generation robotics framework

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

[javascript] Chart - Chartist.js: Simple responsive charts

Chartist.js: Simple responsive charts

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

[javascript] UILang: A UI-focused programming language

UILang: A UI-focused programming language

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

[javascript] QUnit: A JavaScript Unit Testing framework.

QUnit: A JavaScript Unit Testing framework.

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

What is QUnit?

Getting Started

Browser Support

jQuery Mockjax: Ajax request mocking

jQuery Version Support

Browsers Tested

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

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

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

Features

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

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

c3

Tutorial and Examples

Forum

Playground

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

+ Recent posts

티스토리툴바