반응형
반응형

Colorify.js: Tiny JavaScript color extractor

 

Colorify.js is a tiny JavaScript color extractor that’s simple and customizable. You can use it to extract the dominant color from an image, generate gradients based on the images colors, and more.

colorify

 

 

 

 

반응형
반응형

Jump.js is a modern, dependency-free smooth scrolling library. It’s easy to use and was built with a modern JavaScript workflow in mind.

jump

반응형
반응형

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.

 

 

 

 

 

 

 

 

 

반응형

+ Recent posts