Navigation

Home
Search
Submit A Resource
Contact Us
About Functionn

Subscription Options


Subscribe By Email (265+)


Lists


Archives

Apr 12, 2013

Author: Hirvesh Posted At: 4/12/2013 Tags: , , , ,

Chart.js - A JavaScript Library For Easy Graphs For Designers & Developers

Chart.js is a JavaScript library which allows you to create graphs for the client-side easily using an object-oriented approach. Chart.js provides 6 ways of representing your data, with each being animated and fully customizable.

Chart.js can display your data in form of line charts, bar charts, radar charts, pie charts, polar area charts, and donut charts. The library uses HTML5 Canvas to display the graphs and has polyfills for IE7/8.

Chart.js is also very lightweight and dependency free, weighing in at only 4.5KB (minified & gizpped).

Requirements: None
Website: http://www.chartjs.org/
Demo: http://www.chartjs.org/
License: MIT License

Apr 11, 2013

Author: Hirvesh Posted At: 4/11/2013 Tags: , , ,

Intro.js - A JavaScript Library For Tour Guides For Websites

Intro.js is a JavaScript library for guided tours for your websites. It uses data attributes within your HTML to feed the library with the data needed to operate.

You can navigate through the tour using mouse and keyboard shortcut keys. The library makes use of overlays and popups to focus the user’s attention to the proper part of the page being toured.

Intro.js is lightweight, weighing in at 7KB, with #KB of CSS code. Intro.js is supported in all modern browsers, including IE8+.

Requirements: None
Website: http://usablica.github.io/intro.js/
Demo: http://usablica.github.io/intro.js/
License: MIT License

Mar 12, 2013

Author: Hirvesh Posted At: 3/12/2013 Tags: , , ,

Countable.js - A JavaScript Library For Live Paragraph, Word & Character Counting

Countable.js is a small JavaScript library which allows you to present the number of paragraphs, words and characters from a text area to any HTML element of your choice.

The library updates the counts in real-time and is very easy to use.  Countable.js might find application in areas where text length limiting is necessary, such as comment length, description length, etc.

Requirements: None
Demo: http://radlikewhoa.github.com/Countable/
License: MIT License

Author: Hirvesh Posted At: 3/12/2013 Tags: , , , ,

lunr.js - A JavaScript Library For Simple Full-Text Search In Your Browser

lunr.js is a JavaScript library which implements a full-text search in your browser in a simple and easy way. lunr.js is designed to be small and fast, without you needing a server-side engine to implement the search engine.

lunr.js also has inbuilt filtering of stop words, which are common words in search queries which do not affect the way pages are retrieved.

lunr.js has no external dependencies and is written using ECMA5. Hence for browsers which do not support the latest version of JavaScript, you might need to use a shim.

Requirements: None
Website: http://lunrjs.com/
Demo: http://lunrjs.com/example
License: MIT License

Author: Hirvesh Posted At: 3/12/2013 Tags: , , , ,

SPOILER ALERT! - A jQuery Plugin Which Uses Blurs For Hiding Spoilers

SPOILER ALERT! is a jQuery plugin which uses blurs to hide spoilers from readers online. However, SPOILER ALERT!  adds some more bells and whistles to the concept by enabling you to specify maximum blurs and partial blurs.

Maximum blur is used to hide the spoilers completely from the readers. However, upon hover, the partial blurs are applied which makes the content a bit more distinguishable. Finally, clicking upon the blurred content fully reveals the hidden material.

SPOILER ALERT! can not only be used for blurring out spoiler texts, but can also be used for images. This technique for hiding spoilers is a nice change from the usual blacked out or completely hidden text we usually find on website as it keeps the flow of the content essentially the same.

Requirements: jQuery
Demo: http://joshbuddy.github.com/spoiler-alert/
License: MIT License

Feb 22, 2013

Author: Hirvesh Posted At: 2/22/2013 Tags: , , , , , , ,

ZEON.js - A Bookmarklet To Find Errors in JavaScript Code Displayed Within Textareas

ZEON.js is a bookmarklet which when applied to a page finds all textareas which contains JavaScript code and applies error checking to them.

It then shows which errors are found in the code along with with helpful hints on the nature of the errors. ZEON.js could be a useful learning tool as well as a good tool for quick prototyping.

Additionally ZEON.js allows you to minify the code displayed in the textarea and beautify it on the fly too.

Requirements: None
Demo: http://zeonjs.com/
License: Free

Author: Hirvesh Posted At: 2/22/2013 Tags: , , ,

Instano.js - A Library For Instant noscript Message On JavaScript Disable

Instano.js is a JavaScript library which allows you to detect whether JavaScript has been turned off after the page has been loaded.

It then modified the noscript tags to display its contents immediately and also provides callback functions which you can hook onto when JavaScript is enabled or disabled.

Instano.js works in all modern browsers except Internet Explorer. It uses plain JavaScript and @keyframe CSS animations to display the messages.

Requirements: None
Demo: http://laucheukhim.github.com/instano/
License: MIT License

Author: Hirvesh Posted At: 2/22/2013 Tags: , , , , , ,

Resemble.js - A JavaScript Library For Image Analysis & Comparison

Resemble.js is a JavaScript library which allows you to perform image analysis and comparison in the browser, using JavaScript and the HTML canvas.

You just need to supply an image and the library will compute the RGB values of the image as well as well as it’s brightness.

With Resemble.js you can also perform comparison between two images easily. You can ignore colors and antialiasing while comparing the images, with Resemble.js giving you a true or false on whether the images are same or not.

Requirements: None
Demo: http://huddle.github.com/Resemble.js/
License: Free

Feb 20, 2013

Author: Hirvesh Posted At: 2/20/2013 Tags: , , , ,

typeahead.js - A Fast & Fully-Featured Autocomplete jQuery Plugin By Twitter

typeahead.js is a fast and fully featured autocomplete JavaScript library by Twitter. typeahead.js can display to users as they type, show top suggestions, allows suggestion to be drawn from multiple datasets.

It also works with hardcoded data as well as remote data, rate-limits networks requests to reduce server load, supports customized templates for suggestions as well as plays nicely with RTL languages and input methods.

Requirements: jQuery
Demo: http://twitter.github.com/typeahead.js/
License: MIT License

Author: Hirvesh Posted At: 2/20/2013 Tags: , , ,

Emblem.js - A New Templating Language That Compiles To Handlebars.js

Emblem.js is a new templating language which compiles down to the popular Handlebars.js templating engine.

Emblem.js is an indentation based templating language, similar to Slim, Jade, HAML, etc. It compiles to Handlebars; full compatibility with both custom and built-in Handlebars helpers.

Emblem.js is also has Ember.js-friendly syntax and full compatibility with auto-updating functionality.

Requirements: Handlebar.js
Demo: http://emblem-test.herokuapp.com/
License: MIT License

Author: Hirvesh Posted At: 2/20/2013 Tags: , , , ,

Markdown.css - A CSS Stylesheet To Make HTML Look Like Plain-Text Markdown

Markdown.css is a CSS stylesheet which allows you to display your normally rendered HTML text in Markdown syntax.

Markdown.css also comes in as a bookmarklet which enables you to apply it on any webpage so as to generate markdown code from it.

This might be useful if you need to copy and paste some text with formatting in a Markdown editor (like at StackOverflow). You can check out Markdown.css below.

Requirements: None
Demo: http://mrcoles.com/demo/markdown-css/
License: Free

Feb 19, 2013

Author: Hirvesh Posted At: 2/19/2013 Tags: , , ,

PeerJS — A JavaScript Library For True Peer-To-Peer Data In The Browser

PeerJS is a JavaScript library which acts as a wrapper for WebRTC and allows you to create peer connections very easily. With PeerJS you can create such a connection in just 3 lines of code.

PeerJS deals with the WebRTC handshake and allows connection by peer ID. However, to establish a connection, you need a PeerServer. This is written in Node.js and you need to set it up.

No data passes through the server – it is only used to broker the connection between peers.

Requirements: Node.js
Website: http://peerjs.com/
License: MIT License

Author: Hirvesh Posted At: 2/19/2013 Tags: , , , ,

w2ui - A Full-Featured JavaScript UI Library For jQuery

w2ui is a full featured JavaScript UI library based on jQuery.  It contains common UI controls like layout, grid, sidebar, tabs, toolbar, popup, field controls and forms.

With w2ui you get a very well integrated set of UI components, which weight in at only 37KB (minified and gziped). w2ui makes extensive use of HTML5 and CSS3 making sure it supports latest browsers.


Browser Support

w2ui  works in Chrome, FireFox 7+, Safari 5+ and IE 9+ are among supported browsers.

Requirements: jQuery
Demo: http://w2ui.com/web/demo
License: MIT License

Author: Hirvesh Posted At: 2/19/2013 Tags: , ,

Nanoko - A Professional JavaScript Framework For Modular Applications

Nanoko is a JavaScript framework which allows you to write highly modular web applications. With Nanoko, every piece of functionality or GUI is packaged as a module.

Each module is independent of each other, thus allows you to add and remove modules as you please, without breaking your application. Nanoko also has an integrated build system which allows you to concentrate on coding and less on building.

Requirements: None
Website: http://www.nanoko.org
License: Free

Feb 18, 2013

Author: Hirvesh Posted At: 2/18/2013 Tags: , , ,

SVG.js - A Lightweight JavaScript Library For Manipulating & Animating SVG

SVG.js is a lightweight JavaScript library which allows you to easily manipulate and animate SVG. SVG.js comes with a whole plethora of methods such as create, move, center, clone and more.

There are also lots of animation methods such as animate move, size, rotate, skew, easing, etc. You can check out the test suite for a demo on all the animations.

The library itself is very small, 5KB gzipped, with support for extensibility and plugins.


Browser Compatibility

  • Firefox 3+
  • Chrome 4+
  • Safari 3.2+
  • Opera 9+
  • IE9 +
  • iOS Safari 3.2+
  • Android Browser 3+
  • Opera Mobile 10+
  • Chrome for Android 18+
  • Firefox for Android 15+

Requirements: None
Demo: http://svgjs.com/test/
License: MIT License

 


Recent Posts

Popular Categories



Popular Components



Popular Licenses