'생활의 발견 > LIFE (일상다반사)' 카테고리의 다른 글
빚을 줄이는 5가지 방법 (0) | 2013.05.29 |
---|---|
전두엽을 활성화 시키는 방법을 아시나요? (0) | 2013.05.27 |
[SERI] 내기와 규칙 바꾸기로 꽉 막힌 협상 뚫어라 (0) | 2012.11.21 |
제사 지내는 방법 (0) | 2012.11.20 |
친환경운전 - http://www.eco-drive.or.kr/ (0) | 2012.11.05 |
빚을 줄이는 5가지 방법 (0) | 2013.05.29 |
---|---|
전두엽을 활성화 시키는 방법을 아시나요? (0) | 2013.05.27 |
[SERI] 내기와 규칙 바꾸기로 꽉 막힌 협상 뚫어라 (0) | 2012.11.21 |
제사 지내는 방법 (0) | 2012.11.20 |
친환경운전 - http://www.eco-drive.or.kr/ (0) | 2012.11.05 |
Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you're an expert developer or just getting started.
특징
Pure Javascript
Live Page updates
clean, powerful data synchronization
Latency compensation
Hot code Pushes
Sensitive code runs in privileged environment
Fully self-contained application bundles
Interoperability
Smart packages
Examples : http://meteor.com/examples/leaderboard
[jQuery] jQuery UI - Slide Scroll (0) | 2013.03.22 |
---|---|
[Mobile] Choosing a mobile development strategy (0) | 2013.03.21 |
[jQuery] Collection of jQuery Drag and Drop Plugins (0) | 2013.03.20 |
[javascript] Image Upload with Preview and Delete & mobile (0) | 2013.03.19 |
[jquery] 13 Very Useful jQuery Modal Plugins (0) | 2013.03.18 |
http://smashinghub.com/collection-of-jquery-drag-and-drop-plugins.htm
You May Like This Responsive jQuery Slider Plugins, jQuery Carousel Plugins, jQuery Parallax and Scrolling Effect Plugins, Zoom Effects with jQuery Plugins, jQuery Visual Effects Tutorials, Awesome jQuery Plugins and jQuery Tools/Tricks
jquery.event.drag is an awesome jQuery special event plugin which lets you add sophisticated drag interactions to any of the elements! Great, right?
Everyone loves iGoogle interface and wants to imitate it. This one is a great tutorial in which you will be taught creating customizable iGoogle like interface with widgets. It is a really easy to follow tutorial and anyone can learn from it.
This one is a great plugin which imitates the interface of jQuery UI’s Draggable. Presently small subsets of its options are supported.
Resizable is a handy plugin which has the ability of resizing rectangles with content with ease.
It is a jquery UI widget which represents photo component which is used for loading and viewing photos. It allows zooming in a photo and dragging it to the container using your mouse.
Applying drag and drop was once very tough, but now thanks to JavaScript frameworks it is not that tough. Here it is given how you can do it using jQuery & jQuery UI.
This jQuery plugin lets you create small scale, zoomable, draggable maps with multiple layers of content. Applying the Framework to games, development plans, or any other layout is possible.
Making the rows within a table drag and drop is not an easy task and cannot be achieved through the usual drag and drop tools for many reason, such as the need to move the complete row and not only the cell which gets the mouse events. You are also required to have a certain code for re-parenting a row. Unfortunately the effects such as fade In/fade Out are not very compatible with table rows on all browsers, thus we are required to choose simpler effects.
This fabulous plugin allows mimicking the effect as in Google maps i.e., dragging the contents of a div acting as a viewport. Simple, yet amazing!
This plugin boasts a collection of amazing interface components that uses the JavaScript library jQuery. Using this plugin you can create web apps and interface with ease.
This one is a simple plugin which simply does what its name says: it allows making chosen elements draggable by mouse.
This one shows how and where the things would be positioned after being dropped..
This one lets you sort vertically and nest elements simultaneously by utilizing drag and drop. You can set it up like a regular Sortable. It allows using most of its options.
animaDrag is a fabulous plugin which is quite small. This drag and drop plugin is not dependent on the jQuery UI framework. Using this plugin you can ease the draggable by jQuery animation.
This is a really nice plugin which utilizes XHR in order to upload multiple files with progress-bar
jqDnR is a really tiny jQuery plugin which allows dragging, dropping, and resizing elements easily.
This one offers a photo gallery which lets you view large photos by utilizing a navigator map and drag. Dragging the large photo in the display by the navigator or the photo itself is also possible.
This one is a really nice script which lets you rearrange a list by dragging and dropping.
If you want to learn using jQuery, jQuery UI Draggable and Droppable plugins, then you should definitely check this one out. It also teaches creating drag-and-drop interfaces for your web pages. It also boasts a drag and drop card game example!
This one is a really simple and and quick script which you can use and customize.
As the name suggests, this one is a jQuery special event implementation of a drag event model. Developers who don’t want a complex script with a lot of different options will find this one really useful. It makes managing drag events easy as it takes care of the DOM events after you have bound a “drag” event handler, and it triggers other handlers at the right time.
This one is an amazing plugin which allows creating full featured containers. You can set the container to be draggable, resizable, collapsable and minimizable.
As the name suggests, this plugin allows cropping a selected part of a photo. Zooming in or zooming out, dragging or rotating a photo is possible too.
As the name suggests, this plugin lets you extend the text area where ever you want!
This one is a handy little plugin that allows sorting lists by dragging and dropping.
[Mobile] Choosing a mobile development strategy (0) | 2013.03.21 |
---|---|
[javascript] Meteor - nodejs . meteor (0) | 2013.03.20 |
[javascript] Image Upload with Preview and Delete & mobile (0) | 2013.03.19 |
[jquery] 13 Very Useful jQuery Modal Plugins (0) | 2013.03.18 |
[javascript] Holder.js (0) | 2013.03.11 |
스스로 확신할 수 없으면 아무것도 시도하지 말고, 누군가가 나에 대해 확신이 없다는 단지 그 이유만으로 그것을 버리지도 말라 - 스튜어트 E. 화이트
Do not attempt to do a thing unless you are sure of yourself, but do not relinquish it simple because someone else is not sure of you.
- Stewart E. White
'선택의 여지가 없었어요' (0) | 2013.03.22 |
---|---|
어디로 가야 할지 알 수가 없다 (0) | 2013.03.21 |
'꿈춤' (0) | 2013.03.19 |
고비마다 나를 살린 책 (0) | 2013.03.18 |
아름다움을 포착하는 능력 (0) | 2013.03.16 |
세상 경험을 많이 쌓은 사람들의 이야기를 들으면
인생에서 정말 견디기 어려운 일은
나쁜 날씨의 연속이 아니라
오히려 구름 없는 날씨의 연속이다.
-카를 힐티
임어당은 “봄비는 독서하기에 좋고,
여름비는 장기 두기에 좋고,
가을비는 가방속이나 다락방을 정리하는데 좋고,
겨울비는 술 마시기에 좋다.”고 했습니다.
외부 여건이 나에게 우호적으로 바뀌길 기다리지 말고,
주어진 모든 여건을 긍정적으로 해석하여 적극 개척해 나가면
결국엔 긍정의 결과를 낳게 됩니다.
일이 즐거울 때 인생은 기쁨이다. (0) | 2013.03.22 |
---|---|
결단하면 신이 돕기 시작한다. (0) | 2013.03.21 |
낙담하지 말라 (0) | 2013.03.19 |
많이 주는 자가 부자이다. (0) | 2013.03.18 |
적응은 무서운 체념을 부른다. (0) | 2013.03.15 |
비 온다고 했는데 아직 오지 않고 있다.
슈슈는 아파서 혼자 수영장으로~
사우나에 앉아있다가 6시 5분 입수
체조하고.
자유형 4
자유형킥(한팔 뻗고) 4
자유형(푸쉬 강조) 4
자유형 4
평영킥(올때는 누워서) 4
평영 4
한바퀴 걷고
한팔접영 정면호흡 4
접영 4
접영 50m 2
마무리 후 쿨다운.
배영 1
한거 없이 힘든느낌인데.
2013.03.22 수영일지 (0) | 2013.03.22 |
---|---|
2013.03.21 수영일지 (0) | 2013.03.21 |
2013.03.19 수영일지 (0) | 2013.03.19 |
2013.03.17 수영일지 (0) | 2013.03.17 |
2013.03.16 수영일지 (0) | 2013.03.16 |
Image Upload with Preview and Delete
http://stackoverflow.com/questions/10206648/image-upload-with-preview-and-delete/10206834#10206834
모바일에서 브라우저로 파일 업로드 할때 미리보기 기능 구현.
html5 에서 모바일브라우저상의 <input type="file" >을 지원 할때 사용 가능하다.
아래의 Demo가 실행이 되는 브라우저에서는 적용 가능하겠다.
Demo : http://plungjan.name/test/previewjq.html
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Image preview</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> var blank="http://upload.wikimedia.org/wikipedia/commons/c/c0/Blank.gif"; function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#img_prev') .attr('src', e.target.result) .height(200); }; reader.readAsDataURL(input.files[0]); } else { var img = input.value; $('#img_prev').attr('src',img).height(200); } $("#x").show().css("margin-right","10px"); } $(document).ready(function() { $("#x").click(function() { $("#img_prev").attr("src",blank); $("#x").hide(); }); }); </script> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } #x { display:none; position:relative; z-index:200; float:right} #previewPane { display: inline-block; } </style> </head> <body> <section> <input type='file' onchange="readURL(this);" /><br/> <span id="previewPane"> <img id="img_prev" src="#" alt="your image" /> <span id="x">[X]</span> </span> </section> </body> </html> |
[javascript] Meteor - nodejs . meteor (0) | 2013.03.20 |
---|---|
[jQuery] Collection of jQuery Drag and Drop Plugins (0) | 2013.03.20 |
[jquery] 13 Very Useful jQuery Modal Plugins (0) | 2013.03.18 |
[javascript] Holder.js (0) | 2013.03.11 |
[javascript] css3 video player , html5, javascript (0) | 2013.03.07 |