Navigation

Home
Search
Submit A Resource
Contact Us
About Functionn

Subscription Options


Subscribe By Email (265+)


Lists


Archives

Jan 30, 2012

Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

SPIN.JS - AN ANIMATED CSS3 LOADING SPINNER WITH VML FALLBACK FOR IE.

Spin.js is an animated CSS3 loading spinner with VML fallback for IE.
  • No images, no external CSS
  • No dependencies
  • Highly configurable
  • Resolution independent
  • Uses VML as fallback in old IEs
  • Uses @keyframe animations, falling back to setTimeout()
  • Works in all major browsers, including IE6
  • Small footprint (~1.7K gzipped)


Requirements: None
Demohttp://fgnass.github.com/spin.js/
License: MIT License
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , , , , , ,

D3 - A JAVASCRIPT LIBRARY FOR MANIPULATING HTML DOCUMENTS BASED ON DATA

D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).

Requirements: Node.Js, NPM
Demohttps://github.com/mbostock/d3/tree/master/examples
License: Custom License, see: http://goo.gl/ZoigO
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

BLUR.JS - A JQUERY PLUGIN PRODUCING PSUEDO-TRANSPARENT BLURRED ELEMENTS

blur.js is a JQuery plugin that produces psuedo-transparent blurred elements over other elements.


Requirements: JQuery
Demohttp://blurjs.com/simpledemo.html
License: Not Specified, possibly MIT License/GPL
Author: Hirvesh Posted At: 1/30/2012 Tags: , ,

SERENADE.JS - YET ANOTHER MVC CLIENT SIDE JAVASCRIPT FRAMEWORK

Serenade.js is yet another MVC client side JavaScript framework. Why do we indulge in recreating the wheel? We believe that Serenade.js more closely follows the ideas of classical MVC than competing frameworks and has a number of other advantages as well:
  • Super pretty, powerful yet logic-less template language
  • Data bindings keep your views up-to-date without any extra work
  • Powerful caching features
  • Absolutely no dependencies, everything works without jQuery
  • No need to inherit from base classes anywhere (though you can if you want)


Requirements: None
Demohttp://serenade.herokuapp.com/
License: MIT License
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

QUICKSEARCH.JS - A JQUERY TABLE FILTERING PLUGIN

Quicksearch.js is a  JQuery based plug-in for filtering large data sets (tables) with user input.

Requirements: Jquery
Demohttp://lomalogue.com/jquery/quicksearch/super_table.html
License: MIT License or GPL
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

STELLAR.JS - JQUERY PLUGIN PROVIDING PARALLAX SCROLLING EFFECTS

Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

Requirements: JQuery
Demohttp://markdalgleish.com/projects/stellar.js/demos
License: MIT License
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

THE COOKIESDIRECTIVE.JS - COOKIES DISCLOSURE FOR YOUR WEBSITE

CookiesDirective.js, what is it all about?  On 26 May 2011 the European Commission made the controversial 'Cookies Directive' law. It applies to the UK and all european countries. It mandates that the use of cookies on european businesses' websites must be disclosed and explicit consent for their use be obtained from your users. The Information Commissioner's Office has given UK businesses 12 months in which to achieve compliance.
Many people think this is a big step backwards, some that the legislation is so unworkable it will 'have' to be amended, but, as it stands, UK business websites will be required to make this disclosure from 26 May 2012. Fines of up to £500,000 could apply where businesses aren't following the law.
The good news is that cookiesDirective.js is a script you can easilly add to your website, which will take care of your cookie disclosure.
This script provides a mechanism for gaining explicit 'consent to cookies' from your users, as well as a facility to prevent the creation of non 'necessary' cookies (like those created by third party javascripts such as Google Analytics) before the user has given their consent.

Requirements: None
Demohttp://cookiesdirective.com
License: MIT License
Author: Hirvesh Posted At: 1/30/2012 Tags: , , ,

SERIOUSLY.JS - A REAL-TIME VIDEO COMPOSITOR FOR THE WEB

Seriously.js is a real-time, node-based video compositor for the web. Inspired by professional software such as After Effects and Nuke, Seriously.js renders high-quality video effects, but allows them to be dynamic and interactive.  Some of its features are:
  • Optimized rendering path and GPU accelerated up to 60 frames per second
  • Accept image input from varied sources: videos, images, canvases and arrays
  • Output to multiple canvases
  • Effect parameters accept multiple formats and can monitor HTML form inputs
  • Basic 2D transforms (translate, rotate, scale, skew) on effect nodes
  • Plugin architecture for adding new effects
  • Read pixel array from any node
Some of the included effects are:
  • Optimized rendering path and GPU accelerated up to 60 frames per second
  • Accept image input from varied sources: videos, images, canvases and arrays
  • Output to multiple canvases
  • Effect parameters accept multiple formats and can monitor HTML form inputs
  • Basic 2D transforms (translate, rotate, scale, skew) on effect nodes
  • Plugin architecture for adding new effects
  • Read pixel array from any node

Requirements: Node.Js, WebGL, Cross-Origin Videos and Images
Demohttp://seriouslyjs.org/
License: MIT License
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , ,

ZOCIAL - CSS3 SOCIAL BUTTONS

Zocial is a collection of free social media button written entirely in CSS3, free to use in any project.  Here is a list of features of these buttons:
  • @font-face icons
  • custom font file for all social icons
  • em sizing based on button font-size
  • support for about 44 different services
  • buttons and icons supported
  • no raster images (sweet)
  • works splendidly on any browser supporting @font-face
  • CSS3 degrades gracefully in IE8 and below etc.

Requirements: None
Demohttp://zocial.smcllns.com/sample.html
License: Free to use, see: http://goo.gl/uh3Jv
Author: Hirvesh Posted At: 1/30/2012 Tags: , , , , ,

SLABTEXT - A JQUERY PLUGIN FOR PRODUCING BIG, BOLD & RESPONSIVE HEADLINES

slabText splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

Requirements: JQuery
Demohttp://www.frequency-decoder.com/demo/slabText/
License: MIT License/GPL2

Jan 29, 2012

Author: Hirvesh Posted At: 1/29/2012 Tags: , , , ,

ICEDCOFFEESCRIPT - A COFFEESCRIPT SUPERSET

IcedCoffeeScript is a fork of CoffeeScript. It is superset of the CoffeeScript language. The iced interpreter is a drop-in replacement for the standard coffee interpreter since it will interpret all existing CoffeeScript programs.
IcedCoffeeScript (ICS) adds two new keywords: await and defer. These additions simply and powerfully streamline asynchronous control flow, both on the server and on the browser. Say goodbye to callback pyramids; say adios to massive code rewrites when synchronization requirements change slightly. Say hello to clean, readable, maintainable control flow for network and asynchronous operations!


Requirements: Node.js, npm
Demohttp://maxtaco.github.com/coffee-script/#iced
License: MIT License
Author: Hirvesh Posted At: 1/29/2012 Tags: , , , ,

SIMPLE RESPONSIVE DESIGN TEST PAGE - BOOKMARKLET

This bookmarklet lets you see how a page looks within different screen sizes. Very cool and simple idea. The bookmarklet lets you run it on any page (regardless of filename) and saves you the step of having to add the test page to each folder.

Requirements: None
Demohttp://www.benjaminkeen.com/misc/bricss/
License: Unknown, free to use

Jan 28, 2012

Author: Hirvesh Posted At: 1/28/2012 Tags: , , , , ,

JSGIF: A GIF PLAYER IN JAVASCRIPT

Jsgif is an animated GIF player bookmarklet with support for pausing, going frame-by-frame, playing in reverse, and other features that one might expect from a video player.

Requirements: None
Demohttp://slbkbs.org/jsgif/
License: Custom License, see: http://goo.gl/xEVuZ
Author: Hirvesh Posted At: 1/28/2012 Tags: , , , ,

JQUERY MAP MARKER PLUGIN

JQuery Map Marker Plugin makes it easy to put multiple markers on Map using Google Map API V3.
Map Marker is very useful when you have a list of data & you want to show all of them on Map too.


Requirements: JQuery
Demohttp://welancers.com/cc/jquery_map_marker/demo/
License: Not Mentioned, Free To Use
Author: Hirvesh Posted At: 1/28/2012 Tags: , , , , ,

FBOOTSTRAPP - A TOOLKIT TO KICKSTART DEVELOPMENT OF FACEBOOK IFRAME APPS

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

Requirements: None
Demohttp://ckrack.github.com/fbootstrapp/
License: Apache License Version 2.0
Author: Hirvesh Posted At: 1/28/2012 Tags: ,

GLEGOO - FREE GOOGLE WEB FONT

Glegoo is a truly modern slab serif. This Regular style is the first of what will be a large typeface family. It has a precise balance of shapes, counterforms and strokes. Glegoo is slightly condensed, has a large x-height, short ascenders/descenders and large counterforms. These attributes all add up to help reading text, even in very small sizes. Its careful design and proper choice of weight generate a nice texture in paragraphs of text, but the design is also intended to work well when composing headlines with presence and elegance. Large usage will show off the delicate modulation of strokes that are in this font.

Requirements: None
Demohttp://www.google.com/webfonts/specimen/Glegoo
LicenseCreative Commons With Attribution v3.0
Author: Hirvesh Posted At: 1/28/2012 Tags: , , ,

ICANHAZ.JS - CLIENT-SIDE TEMPLATING WITH MUSTACHE.JS AND JQUERY OR ZEPTO.JS

ICanHaz.js is a simple and powerful client-side templating solution, which can work in tandem with Mustache and JQuery or Zepto.js.

Requirements: JQuery, Mustache.js, Zepto.js
Demohttp://icanhazjs.com/
License: MIT License
Author: Hirvesh Posted At: 1/28/2012 Tags: , , , , ,

JEKYLL-BOOTSTRAP - THE QUICKEST WAY TO BLOG WITH JEKYLL

Jekyll-Bootstrap ships with a complete pre-built Jekyll directory structure for blogging, modular theming, plug-and-play commenting, analytics, new post and page generators, and coded page-stubs to get you rolling.  Jekyll is a parsing engine bundled as a ruby gem used to build static websites from dynamic components such as templates, partials, liquid code, markdown, etc. Jekyll is known as “a simple, blog aware, static site generator”.
  • Convenient Blogging - Without Jekyll-Bootstrap, you’d have to configure every single page of your blog. Jekyll-bootstrap takes you from 0 to hosted blog in 3 minutes, really!
  • Free and Easy Hosting via GitHub Pages - Jekyll-bootstrap is 100% compatible with deploying to GitHub. Just push your repository to a valid GitHub Pages endpoint and GitHub hosts your website.
  • Progressive, Unified Development - Ensuring your Jekyll blog is always compatible with GitHub Pages means development can move the most users forward. This helps improve the current horizontal and highly segmented Jekyll ecosystem. Look forward to more and better features that simply drop in.


Requirements: Github Account
Demohttp://jekyllbootstrap.com/
License: Creative Commons

Jan 27, 2012

Author: Hirvesh Posted At: 1/27/2012 Tags: , ,

ROY - A SMALL FUNCTIONAL LANGUAGE THAT COMPILES TO JAVASCRIPT

Roy is a small functional language that compiles to JavaScript. It has a few main features:
  • Damas-Hindley-Milner type inference
  • Whitespace significant syntax
  • Compile-time meta-programming
  • Simple tagged unions
  • Pattern matching
  • Structural typing
  • Monad syntax
  • Not-horrible JS output


Requirements: None
Demohttp://roy.brianmckenna.org/
License: MIT License
Author: Hirvesh Posted At: 1/27/2012 Tags: , , , ,

DOCUMENTUP - GITHUB README.MD BEAUTIFIER

DocumentUp instantly beautifies your Github repositories' README.md files.  Essentially, it parses your readme's markdown into a clean and simple documentation website. Made especially for your gh-pages branch, all you need is a single index.html file that includes the DocumentUp script, with some configuration required.


Requirements: None
Demohttp://documentup.com
License: Custom License, see: http://goo.gl/l18lv
Author: Hirvesh Posted At: 1/27/2012 Tags: , , , ,

DYNAMO - A NODE.JS BINDING FOR THE DYNAMODB SERVICE PROVIDED BY AMAZON WEB SERVICES

Dynamo is a node.js binding for the DynamoDB service provided by Amazon Web Services. It currently supports the entire DynamoDB API in an unsugared (read: Amazon-flavored (read: ugly)) format.

Requirements: Node.js
Demohttps://github.com/jed/dynamo
License: Custom Licensing, see: http://goo.gl/5BV0q
Author: Hirvesh Posted At: 1/27/2012 Tags: , ,

BANKING.JS - BANK STATEMENT RESULTS IN JSON OR XML

Banking.js is a Node.js module which provides an API for any financial institution to return bank statement results in JSON or Valid XML. It is licensed under the MIT License.

Requirements: Node.js
Demohttp://euforic.co/banking.js/
License: MIT License
Author: Hirvesh Posted At: 1/27/2012 Tags: , , ,

LIST.JS - HTML LIST MANIPULATION JAVASCRIPT LIBRARY

List.js is a 9 KB cross-browser native JavaScript that makes plain HTML lists super flexible, searchable, sortable and filterable.  It also includes the possibility to add, edit and remove items by dead simple templating. It also includes a plugin architecture which allows you to extend the functionality of List.js.  Currently the only plugin available is a paging plugin.


Requirements: None
Demohttp://listjs.com/examples/standard.html
License: MIT License
Author: Hirvesh Posted At: 1/27/2012 Tags: ,

POLY – FREE WEB FONT

Poly is a medium contrast serif font. With short ascenders and a very high x-height, Poly is efficient in small sizes. Thanks to its careful balance between the x-height and glyph widths, it allows more economy and legibility than standard web serifs, even in small sizes. The aglutinative language for which it was designed contains very long words. The goal was to develop a typeface that would tolerate cramped tracking and that would increase the number of letters on a single line. Poly is a Unicode typeface family that supports Open Type features and languages that use the Latin script and its variants.


Requirements: None
Demohttp://www.behance.net/gallery/Poly-a-free-web-font/2890189
License: Creative Commons No Derivatives v3.0

Jan 26, 2012

Author: Hirvesh Posted At: 1/26/2012 Tags: , ,

POINTER.JS - HOOP SPREAD ON MOUSE CLICKS JQUERY PLUGIN

Pointer.js is a JQuery plugin which shows an animated 'hoop' spread around the mouse pointer after left clicking on a webpage.  It is very lightweight and is free to use. The website is in Japanese though, although it can be translated.

Requirements: JQuery
Demohttp://blog.nejimaki-act.com/pointer-js/
License: Not Specified, Free To Use
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , , ,

GRIDPAK - RESPONSIVE GRID GENERATOR

Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.
The CSS that Gridpak generates is compatible with IE 8+, however it makes use of some more experimental CSS properties such as the media query, box-sizing and background-clip properties so we suggest using it in conjunction with a library such as Modernizr to ensure backwards compatibility.

Requirements: None
Demohttp://gridpak.com/
License: Creative Commons Attribution 3.0 License
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , ,

ENYO - OPEN SOURCE OBJECT-ORIENTED JAVASCRIPT FRAMEWORK FROM WEBOS

Enyo is an open source object-oriented JavaScript framework emphasizing encapsulation and modularity. Enyo contains everything you need to create a fast, scalable mobile or web application:
  • Built from the ground-up for mobile first - Enyo powers webOS, and was designed from the beginning to be fast and work great on mobile devices
  • Now available for desktop and cross-browser development - Enyo 2.0 now runs across mobile environments and desktop browsers including Chrome, Firefox, and Internet Explorer
  • Highly customizable and extensible - Enyo core can be expanded with modules, UI widgets, and more
  • Lightweight and fast - Enyo 2.0 core is about 13KB gzipped, and built for fast application rendering and performance
  • Simple, self-contained, and easy to digest - Build increasingly complex functionality starting with simple, reusable components
  • Built to scale - Enyo was created on the principles needed to build vast, complex mobile and web applications
  • Open Source - Enyo is available under the Apache License, Version 2.0.

Requirements: None
Demohttp://enyojs.com/#samples
License: Apache License, Version 2.0
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , ,

RESUMABLE.JS - JAVASCRIPT LIBRARY PROVINIDNG MULTIPLE SIMULTANEOUS, STABLE AND RESUMABLE UPLOADS VIA THE HTML5 FILE API

Resumable.js a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

The library is designed to introduce fault-tolerance into the upload of large files through HTTP. This is done by splitting each files into small chunks; whenever the upload of a chunk fails, uploading is retried until the procedure completes. This allows uploads to automatically resume uploading after a network connection is lost either locally or to the server. Additionally, it allows for users to pause and resume uploads without loosing state.

Resumable.js relies on the HTML5 File API and the ability to chunks files into smaller pieces. Currently, this means that support is limited to Firefox 4+ and Chrome 11+.



Requirements: None
Demohttp://steffentchr.dk/post/7454042318/resumable-js
License: MIT License
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , , , ,

VIDEO.JS - JAVASCRIPT AND CSS LIBRARY FOR HTML5 VIDEOS

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video, today. This is also known as an "HTML5 Video Player". Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video.

Requirements: None
Demohttp://videojs.com/
License: LGPLv3
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , ,

HTML5/CSS3/JQUERY - FRAMEWORK KENDO UI

Kendo UI provides everything you need for building modern, interactive, JavaScript applications. In addition to having more than 10 UI widgets, including a Grid, Chart, and ComboBox, Kendo delivers a rich framework for client-side data binding, templating, animation, and drag-and-drop actions. Don't waste time trying to find and use tons of scattered jQuery plug-ins. Kendo UI incorporates a seamless, professionally tested and supported HTML5 toolbox for every project.

Requirements: JQuery
Demo: http://demos.kendoui.com/
License: GPLv3
Author: Hirvesh Posted At: 1/26/2012 Tags: , , , ,

FONT.JS: A POWERFUL FONT TOOLKIT FOR JAVASCRIPT

Font.js: A Powerful Font Toolkit for JavaScript. It gives you font loading events using a technique perfected in Mozilla’s pdf.js project, metrics information, and a better version of the canvas element’s measureText method with additional information such as height, bounding box, and leading.

Requirements: None
Demohttp://pomax.nihongoresources.com/pages/Font.js/
License: MIT License
Author: Hirvesh Posted At: 1/26/2012 Tags: , ,

ARCTEXT.JS – CURVING TEXT WITH CSS3 AND JQUERY

Arctext.js is a JQuery plugin which allows us to rotate letter with ease. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

The main idea behind the Arctext plugin is to rotate letters with CSS3 transforms in order to place them along a curved path. The curve is always a segment of a circle (hence arc) for which the radius can be specified. The space and rotation for each letter will be calculated using that radius and the width of the text.

Requirements: JQuery Library
Demo: http://tympanus.net/Development/Arctext/
License: MIT License
 


Recent Posts

Popular Categories



Popular Components



Popular Licenses