'프로그래밍' 카테고리의 다른 글
| 깨끗한 코드 만들기 (0) | 2015.07.30 |
|---|---|
| VisualStudio 단축키 (0) | 2015.02.11 |
| [Chrome] 크롬 확장 프로그램 - DotVPN 외부 IP로 사이트 접속하는 프로그램 (0) | 2014.12.03 |
| 원격관리 - http://www.rview.com/ (0) | 2014.11.21 |
| 구글 지도에서 이제는 사막 스트리트뷰도 볼 수 있다. (0) | 2014.10.10 |
| 깨끗한 코드 만들기 (0) | 2015.07.30 |
|---|---|
| VisualStudio 단축키 (0) | 2015.02.11 |
| [Chrome] 크롬 확장 프로그램 - DotVPN 외부 IP로 사이트 접속하는 프로그램 (0) | 2014.12.03 |
| 원격관리 - http://www.rview.com/ (0) | 2014.11.21 |
| 구글 지도에서 이제는 사막 스트리트뷰도 볼 수 있다. (0) | 2014.10.10 |
Matter.js is a JavaScript/HTML5 2D physics engine for the web. It includes WebGL and Canvas renderers, it’s cross-browser and mobile compatible, and supports a variety of physics properties.
Matter.js
Matter.js is a JavaScript 2D rigid body physics engine for the web
Features - Status - Install - Usage - Docs - Implementation - References - License
| [javascript] Angularjs 도입가이드 공개 (0) | 2015.02.26 |
|---|---|
| Cross Browser image preview in Image upload section is not working in ie8 (0) | 2015.02.23 |
| [Charts] ECharts: A comprehensive charting library (0) | 2015.01.13 |
| [javascript] Snabbt.js: A minimalist JavaScript animation library (0) | 2015.01.06 |
| [javascript] DropzoneJS - drag'n'drop file uploads with image previews library (0) | 2014.12.19 |
http://code.google.com/p/ofcgwt/
The OFCGWT project provides a simple to use chart widget for GWT based on Open Flash Chart 2. The library includes the needed flash insertion, update and manipulation methods for the chart widget. It also includes a POJO model for the chart elements and components that assist in the generation of the JSON to provide the correct chart data for OFC 2.x API.
The project has released a beta of version 2.x and a stable 1.3.x release - with over 12,000+ downloads !!
Note: A beta of v2.0 (GWT 1.6 support) does contain breaking API for those coming from the 1.X version of OFCGWT - it contains new refactored events and a new chart factory, better attach/detach support, new charts features(new Horizontal Stack Bar Chart, enhanced animations based on OFC Ichor with DZ fixes and patches).
Note: Source code for both demos and more is available in the SVN (click the source tab above and browse to the /trunk/test folder).
| Neutron: A Sass framework for semantic website layouts (0) | 2015.10.20 |
|---|---|
| 모바일웹 참고 사이트, 트랜드. (0) | 2015.06.05 |
| [CSS] Material UI: A Material Design CSS framework (0) | 2014.11.12 |
| [CSS-HTML5] Motherplate: A bare bones responsive boilerplate (0) | 2014.11.03 |
| [CSS] Flexy Boxes: A flexbox code generator and playground (0) | 2014.10.20 |
| Cross Browser image preview in Image upload section is not working in ie8 (0) | 2015.02.23 |
|---|---|
| [javascript] Matter.js: An HTML5 2D physics engine 2D 물리엔진 (0) | 2015.01.22 |
| [javascript] Snabbt.js: A minimalist JavaScript animation library (0) | 2015.01.06 |
| [javascript] DropzoneJS - drag'n'drop file uploads with image previews library (0) | 2014.12.19 |
| [kakao] 카카오 개발자 사이트 (0) | 2014.12.19 |
Snabbt.js: A minimalist JavaScript animation library
Snabbt.js is a minimalist JavaScript animation library that offers 60FPS animation, even on mobile. It’s lightweight (less than 4kb minified and gzipped), and simple to use.
| [javascript] Matter.js: An HTML5 2D physics engine 2D 물리엔진 (0) | 2015.01.22 |
|---|---|
| [Charts] ECharts: A comprehensive charting library (0) | 2015.01.13 |
| [javascript] DropzoneJS - drag'n'drop file uploads with image previews library (0) | 2014.12.19 |
| [kakao] 카카오 개발자 사이트 (0) | 2014.12.19 |
| [javascript] 남은 시간 카운터 - 자바스크립트 (0) | 2014.12.15 |
[javascript] DropzoneJS - drag'n'drop file uploads with image previews library
Github : https://github.com/enyo/dropzone
Download the standalone dropzone.js and include it like this:
<script src="./path/to/dropzone.js"></script>Dropzone is now activated and available as window.Dropzone.
Dropzone does not handle your file uploads on the server. You have to implement the code to receive and store the file yourself.
If you use component you can just add dropzone as a dependency:
"enyo/dropzone": "*"
Then include it like this:
var Dropzone = require("dropzone");so it is activated and scans the document.
The basic CSS markup is also included with component, but if you want it to look the same as on this page, you have to download the CSS (see below).
Dropzone is also available as an AMD module for RequireJS.
You can find the dropzone-amd-module in the downloads folder.
This is all you need to get dropzone up and running. But if you want it to look as cool as my dropzone, you’ll need to download the css/dropzone.css, images/spritemap.png and images/spritemap@2x.png as well from the downloads folder.
If you change the folder names make sure you adjust the paths in the css.
The @2x.png spritemap is to support high density (retina) displays.
The typical way of using dropzone is by creating a form element with the class dropzone:
<form action="/file-upload"
class="dropzone"
id="my-awesome-dropzone"></form>That’s it. Dropzone will find all form elements with the class dropzone, automatically attach itself to it, and upload files dropped into it to the specified action attribute. The uploaded files can be handled just as if there would have been a html input like this:
<input type="file" name="file" />If you want another name than file you can configure dropzone with the option paramName.
If you’re using component don’t forget to
require("dropzone");otherwise it won’t be activated.
If you want your file uploads to work even without JavaScript, you can include an element with the class fallback that dropzone will remove if the browser is supported. If the browser isn’t supported, Dropzone will not create fallback elements if there is a fallback element already provided. (Obviously, if the browser doesn’t support JavaScript, the form will stay as is)
Typically this will look like this:
<form action="/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>| [Charts] ECharts: A comprehensive charting library (0) | 2015.01.13 |
|---|---|
| [javascript] Snabbt.js: A minimalist JavaScript animation library (0) | 2015.01.06 |
| [kakao] 카카오 개발자 사이트 (0) | 2014.12.19 |
| [javascript] 남은 시간 카운터 - 자바스크립트 (0) | 2014.12.15 |
| 대학생을 위한 웹 개발 공부용 체크리스트 (0) | 2014.12.15 |