반응형
반응형

Offline.js is a library that automatically alerts users when they’ve lost internet connectivity. It then captures AJAX requests that were made while offline, and recreates them when internet connectivity is restored.

offline.js

 

Homepage: http://github.hubspot.com/offline/docs/welcome/

 

GitHub: http://github.com/hubspot/offline

 

Docs: http://github.hubspot.com/offline/

 

 

Offline

 

Note to users pre-0.6.0: Offline previously used a cloudfront hosted file as one of it's methods of detecting the connection status. This method is now deprecated and the image has been removed. Please upgrade to Offline 0.7.0+.

Improve the experience of your app when your users lose connection.

  • Monitors ajax requests looking for failure
  • Confirms the connection status by requesting an image or fake resource
  • Automatically grabs ajax requests made while the connection is down and remakes them after the connection is restored.
  • Simple UI with beautiful themes
  • 3kb minified and compressed

 

 

 

 

반응형
반응형

[javascript] hash 에서 파라미터 정보 가져오기



 

 

 

 

 

 



반응형
반응형

JavaScript InfoVis Toolkit

 

 

http://philogb.github.io/jit/index.html

 

Demo : http://philogb.github.io/jit/demos.html

 

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

 

자바스트립트 그래프, 정보표시

 

 

 

 

 

 

 

 

.

반응형
반응형

basicContext: Easy menus for your website

 

basicContext makes it easy to create menus for your website or app. It works with all kinds of events, always stays on screen, and is written in Vanilla JS.

basiccontext

 

basicContext

Easy-to-use context-menu for your website or webapp.

Context Screenshot

Demos

Name Description Link
Basic demo basicContext works with all kind of events Try it on CodePen
Position demo basicContext never leaves the visible screen-area Try it on CodePen
Scroll demo basicContext is scrollable when the context height is bigger than the browser height Try it on CodePen

Features

  • Works in all modern browsers
  • Written in Vanilla JS
  • Stays within the viewport and never opens outside the visible screen-area (Demo)
  • Scrollable, when the height of the context-menu is bigger than the height of the browser (Demo)

Requirements

basicContext is written in Vanilla JS and only dependents on the following browser APIs:

All of these APIs are capable of being polyfilled in older browser. Check the linked resources above to determine if you must polyfill to achieve your desired level of browser support.

 

 

 

 

 

 

 

 

 

반응형
반응형
JointJS: JavaScript diagramming library

 

Chart, Graph, javascript

 

JointJS is a JavaScript diagramming library. It includes basic diagram elements, interactive elements and links, touch support, animations, and more.

jointjs

Homepage: http://jointjs.com/
GitHub: https://github.com/DavidDurman/joint
Demo Page: http://jointjs.com/demos

 

 

http://jointjs.com/rappid

 

.Supported browsers

Only the good ones (those that support SVG):

  • Latest Google Chrome (including mobile)
  • Latest Firefox
  • Safari (including mobile)
  • IE 9+

 

 

반응형
반응형


Angularjs 도입가이드 공개



http://helloworld.naver.com/helloworld/1172239



AngularJS 는 2009년 Miško Hevery과 Adam Abrons에 의해 개발된 MVC(또는 MVW – Model View Whatever) 웹 프레임워크로, SPA(Single Page Application) 형태의 웹 애플리케이션을 빠르게 개발할 수 있도록 도와줍니다.

2013년을 기점으로 해외에서도 그리고 국내에서도 많은 개발자들이 관심을 가지고 있으며, AngularJS를 실제 서비스 개발에 사용하는 곳들도 점차 증가하고 있는 추세입니다.

AngularJS를 사용하는 개발은 기존 프런트엔드 영역에서의 개발방식과는 다른 접근 방법을 필요로 합니다.

기존 방식(DOM 제어방식)은 변경이 필요한 대상 DOM 요소를 먼저 선택하고, 이후 필요한 작업을 수행하는 형태로 진행하게 됩니다. 반면 AngularJS는 출력할 데이터에 초점을 맞추어 작업이 수행되며, 데이터의 값이 변경되면 출력도 자동적으로 수행되도록 처리됩니다.

AngularJS를 사용해본 많은 개발자들이 생각하는 장점들은 다음과 같습니다.

  • 유지보수가 쉽다, 개발속도가 빠르다.
  • 간편한 데이터 바인딩을 통해 뷰 업데이트가 쉽다.
  • 코드 패턴이 동일해 개인간 차이에 따른 결과물의 차이가 적다. 코드량이 감소한다.
  • SPA 개발에 최적화되어 있다.
  • 기능적인 분리가 명확해 협업이 쉽다.

그러나 항상 모든 것에는 장점만이 존재하지는 않습니다. AngularJS는 분명 좋은 프레임워크이지만 서비스 개발에 도입하고자 한다면 여러가지 면들을 충분히 검토해야 합니다.

이러한 고민을 하고 있는 분들을 위해 'AngularJS 도입 선택 가이드'를 공개합니다.

해당 가이드는 AngularJS의 사용방법을 다루지 않습니다. AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나, 또는 도입을 고려하는 경우 참고 문서로서의 역할 수행을 목표로 하고 있습니다.

본 가이드는 기존 프런트엔드 개발 방법(DOM 제어방식)과 라이브러리/프레임워크 사용에 익숙한 개발자, 또는 AngularJS의 실 업무 도입여부에 대한 판단을 필요로 하는 실무자를 대상으로 하고 있습니다.

 

반응형

+ Recent posts