Navigation

Home
Search
Submit A Resource
Contact Us
About Functionn

Subscription Options


Subscribe By Email (265+)


Lists


Archives

Showing posts with label Github. Show all posts
Showing posts with label Github. Show all posts

Dec 19, 2012

Author: Hirvesh Posted At: 12/19/2012 Tags: , , , , , , , , , ,

Cutter.js - A Library For Truncating HTML Code By Word Number Without Losing Markup

Cutter.js is a library used for truncating HTML code to limit its length, by word number, without losing the markup.  Cutter solves the problem when its needed to cut some content by a number of words but its mandatory no lose any markup. Cutter cuts the content to the number of requested words and if needed puts a link to open the full content again.

Features

  • No markup is lost.
  • Framework agnostic.
  • The content can be written without take care about the full content.
  • Not needed to have two different contents.

 

Browser Support

  • IE >= 6
  • Firefox >= 3
  • Safari >= 4
  • Google Chrome >= 4
  • Opera >= 9.5

Requirements: None
Demo: http://tcorral.github.com/Cutter.js/#examples
License: MIT License

Author: Hirvesh Posted At: 12/19/2012 Tags: , , , , , , , , ,

Sani - Just A Blogging Framework Using Github

Sani is a blogging framework designed for Jekyll, to be used on Github Pages with Prose.io.  To start blogging with Jekyll, you need to write your own HTML templates, CSS, Javascripts and set up your configuration. But with Sani, all you need to do is clone or fork Sani, install dependencies, and you’re set. All else is taken care of.(This is when you are setting up from your own computer.)

Sani is a bunch of HTML, CSS and Javascript script files along with a Rakefile. The HTML, CSS and JS form the theme while rake gives you automation regarding generating and publishing the blog. Sani is an implementation of what people, who don't use Octopress and Jekyll Bootstrap, use to make do with GH pages.

Sani uses Disqus for comments and a theme designed by Adrian Artiles. Also, the rakefile is mostly ripped off from Octopress with some modifications.

Setting up Sani is so easy, it can be done even if you don't have access to the device your regularly use.

Requirements: Github Account
Demo: http://arkokoley.github.com/…presenting-sani/
License: MIT License

Dec 1, 2012

Author: Hirvesh Posted At: 12/01/2012 Tags: , , , , , ,

RubyJS - A JavaScript Standard Library Based On The Ruby Core-Lib

RubyJS is a JavaScript implementation of all methods from Ruby classes like Array, String, Numbers, Time and more.  RubyJS is free for personal use only.


Features

  • 100% JavaScript - RubyJS is built on top of JavaScript. It runs in all browsers. No additional tools needed.
  • Works Like Ruby - Easily port code from Ruby to JavaScript. Become productive in JavaScript in hours. Fully tested with rubyspec.
  • Fast And Small - 20 kilobytes minified and gzipped. It is as fast or faster than comparable libraries.
  • Utility Belt Or OO - Use RubyJS like a utility belt, transforming arrays, string and continue with native objects. Or use the fully-fledged RubyJS objects and make use of their mutator (aka bang) methods.
  • All-In-One Library - String, Array, Time, Numbers, Range, and more. RubyJS gives you the power of multiple 3rd party libraries, with one coherent API. So you only have to learn, manage and update one.
  • Ruby Features - Block arguments, destructive (bang-) methods, duck-typing, special variables, mixins.

Requirements: None
Demo: https://github.com/rubyjs/core-lib
License: AGPL

Nov 30, 2012

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

wikiUp - A jQuery Plugin To Display Wikipedia Descriptions In Tooltips

wikiUp is a jQuery plugin which allows you to display Wikipedia descriptions in tooltips.  You just need to include jQuery.js, wikiUp.js and wikiUp.css then you can call the plugin like this:

If you want to get data in a different language, use data-lang:

Requirements: jQuery
Demo: http://pmtarantino.github.com/wikiUp/
License: MIT License

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

tabIndent.js - A JavaScript Library For Tab-Enabled TextAreas

tabIndent.js is a JavaScript library which does two things to enhance the traditional text-box: It disables the default browser behavior (moving to the next input box) and enhances the existing textbox to capture the "tab" key and replicate behavior similar to that found in editors. (Inserting a tab character, indentation). 

Multi-line highlighted text is also tab-able, and shift-tab removes a tab character instead.

Requirements: None
Demo: http://julianlam.github.com/tabIndent.js/
License: MIT License

Nov 29, 2012

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

Konami.js - A JavaScript Library Which Monitors Any Arbitrary Keyboard Sequence

Konami.js is a tiny JavaScript implementation of the Konami Code, but also monitors any arbitrary keyboard sequence.  Konami.code(…) creates an event handler which you attach to any element you would like.

The Konami Code, known in Japan as the Konami Command, is a cheat code that appears in many Konami video games, although the code also appears in some non-Konami games. 

The code was first used in the 1986 release of Gradius for the Nintendo Entertainment System but was popularized among North American players in the NES version of Contra, for which it was also dubbed both the "Contra Code" and "30 Lives Code".

During the title screen before the game demo begins, the player could press the following sequence of buttons on the game controller to enable the cheat: ↑ ↑ ↓ ↓ ← → ← → B A

Requirements: None
Demo: http://mckamey.github.com/konami-js/
License: MIT License

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

a!ertify.js - An Unobtrusive Customizable JavaScript Notification System

a!ertify.js is an unobtrusive customizable JavaScript notification system.


Features

  • Fully customizable alert, confirm and prompt dialogs
  • Fully customizable unobtrusive notification system
  • Callback parameter handling both OK and Cancel button clicks
  • Chaining which allows queued dialogs

Requirements: None
Demo: http://fabien-d.github.com/alertify.js/
License: MIT License

Nov 28, 2012

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

DataMaps - A JavaScript Library For Interactive Maps For Data Visualizations

DataMaps is a JavaScript library for interactive maps for data visualizations.  DataMaps is bundled into a single JavaScript file.

Features

  • Uses D3.js and Backbone, Underscore & Zepto
  • Delivered as a jQuery plugin
  • Optionally, if you use Backbone, also delivered as a standalone Backbone view
  • Available bundled with dependencies and without(for existing Backbone apps)

Requirements: D3.js Backbone.js, Underscore.js, Zepto.js/jQuery
Demo: http://datamaps.github.ckom/
License: MIT License

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

oolib.js - A JavaScript OOP Library

oolib.js is a tiny JavaScript library that provides an original solution to the age-old problem of JavaScript OOP encapsulation.

Features

  • Real encapsulation of object fields and private methods.
  • Class inheritance. (The fields and private methods are accessible by the subclasses.)
  • Support of object initialization and deinitialization.
  • Super method call.
  • Intuitive syntax.
  • Good performance (no costly "magic"). Really tiny (only 1.6 kilobytes minified / 0.7 kilobytes gzipped).

Requirements: None
Demo: http://idya.github.com/oolib/
License: MIT License

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

Scrubby - A Library To Scrub Values In JavaScript, Live

Scrubby is a JavaScript library which allows you to perform JavaScript source transformation to support Bret Victor-style value-scrubbing interfaces with the information without having to recompile code every time the value changes.  Scrubby adds a button to the top-left of the page for each script you specify that's scrubbable. Clicking on that button will open a new window with the code in it, and you can scrub live immediately.

Scrubby works by transforming your code using esprima and escodegen to replace any literal references by a reference into a global table of values. When you scrub a value, scrubby just updates the global table, so the next time your code references that literal, it receives the edited value.  When you scrub a value, scrubby updates the global $values object with the edited value. When the code runs again, it automatically uses the new value.

Requirements: None
Demo: http://nornagon.github.com/scrubby/
License: BSD

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

UA-Parser.js - A Lightweight JavaScript-Based User-Agent String Parser

UA-Parser.js is a lightweight JavaScript-based User-Agent String Parser.  It can extract detailed type of web browser, layout engine, operating system, and device purely from user-agent string.  It works both in the browser and as a Node.js module.

Requirements: None
Demo: http://faisalman.github.com/ua-parser-js/
License: MIT License or GPLv2

Nov 26, 2012

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

SSGS - Super Simple Responsive Grid System Using SASS

SSGS is a very basic grid system for the web. It allows you to quickly set up a responsive grid system using SASS.  It's a fully fluid six-column grid with fixed-width gutters.  It takes only one variable (the width of the gutters) so it's refreshingly easy to set up and use.

There's no need to clutter your HTML with lots and lots of classes as you can easily use Sass's @extend function.  It's only about 60 lines of code.

The only drawback there is right now is the dependency on box-sizing: border-box; to work properly.  That is only an issue if you work with IE prior to version 8.  There's even a neat polyfill available on GitHub. 

Since you're already working with Sass, just pop in Compass and import "compass/css3/box-sizing" to make it even easier.

There is even a plain old CSS version available if you're really resistant to awesome technology like Sass.

Requirements: SASS
Demo: http://codepen.io/RadLikeWhoa/full/mLIkK
License: Unlicense
Author: Hirvesh Posted At: 11/26/2012 Tags: , , , , , , , , ,

FastClick - A Library To Eliminate The 300ms Delay Between Physical Tap And Firing Of Click Event

FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers. The aim is to make your application feel less laggy and more responsive while avoiding any interference with your current logic.


Browser Support

  • Mobile Safari on iOS 3 and upwards
  • Chrome on iOS 5 and upwards
  • Chrome on Android (ICS)
  • Opera Mobile 11.5 and upwards
  • Android Browser since Honeycomb
  • PlayBook OS 1 and upwards

Requirements: None
Demo: https://github.com/ftlabs/fastclick#examples
License: MIT License

Nov 23, 2012

Author: Hirvesh Posted At: 11/23/2012 Tags: , , , , ,

Heyoffline.js - A JavaScript Library To Warn Users When Their Network Goes Down

Heyoffline.js (actually Heyoffline.coffee) is a JavaScript library to warn users when their network goes down. This makes sure they don't lose anything.  Heyoffline.js is framework-agnostic.  No need for jQuery.  It's written in CoffeeScript, and compiled into JavaScript.

Requirements: None
Demo: http://oskarkrawczyk.github.com/heyoffline.js/
License: MIT License

Nov 21, 2012

Author: Hirvesh Posted At: 11/21/2012 Tags: , , , , , ,

pickadate.js - A Lightweight jQuery Date Picker

pickadate.js is a lightweight jQuery date picker.  It weighs at 6.7KB (2.7KB gzipped).  You can also easily theme the calendar using CSS.

Requirements: jQuery
Demo: http://amsul.github.com/pickadate.js/
License: MIT License

Nov 16, 2012

Author: Hirvesh Posted At: 11/16/2012 Tags: , , , , , , , , ,

URI.js - A JavaScript Library For Working With URLs

URI.js is a JavaScript library for working with URLs. It offers a "jQuery-style" API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods like .directory() and .authority().

URI.js offers simple, yet powerful ways of working with query string, has a number of URI-normalization functions and converts relative/absolute paths.

While URI.js provides a jQuery plugin. URI.js itself does not rely on jQuery. You don't need jQuery to use URI.js

Requirements: None
Demo: http://medialize.github.com/URI.js/
License: MIT License or GPLv3

Author: Hirvesh Posted At: 11/16/2012 Tags: , , , , , , , , , ,

reMarked.js - A Client-Side HTML To Markdown Converter In JavaScript

reMarked.js is a client-side HTML to Markdown converter.  Markdown is a great way to format texts for the internet. Without much experience an easy to read text is written — without the bloat of HTML tags.

However, this comes — like so many things — with a cost: performance will suffer and CPU is wasted since normally Markdown would have to convert your texts to HTML for every page impression. Only some way of caching could prevent this.

That is exactly the point where reMarked.js comes into play: Write texts in Markdown and save them in HTML. You won’t need a copy of the original Markdown input, since Markdownify can convert the saved HTML back to Markdown. And because page impressions are far more often than write actions, this gives you a simple way to increase your page’s performance.

Another benefit for a CMS or similar software is that now only one format of text is saved — HTML.  The user can now choose whether to write texts in plain HTML or use a full fledged WYSIWYG editor.  Of course he can write in Markdown.

The ultimate goal is integration with existing WYSIWYG html editors (eg: TinyMCE, CKeditor, Loki, CLeditor) to produce Markdown output. There are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors.

 

Requirements: None
Demo: http://leeoniya.github.com/reMarked.js/
License: MIT License

Nov 15, 2012

Author: Hirvesh Posted At: 11/15/2012 Tags: , , , , ,

ShellJS - Unix Shell Commands For Node.js

ShellJS is a portable (**Windows included**) implementation of Unix shell commands on top of the Node.js API. You can use it to eliminate your shell script's dependency on Unix while still keeping its familiar and powerful commands. You can also install it globally so you can run it from outside Node projects - say goodbye to those gnarly Bash scripts!

Requirements: Node.js
Demo: https://github.com/arturadib/shelljs
License: BSD

Author: Hirvesh Posted At: 11/15/2012 Tags: , , , , ,

nextVal - An Easy-To-Use, Flexible And Robust Form Validation Plugin For jQuery

nextVal is an easy-to-use, flexible and robust form validation plugin for jQuery.  Each input should have a validate attribute. Elements can also have placeholder and title attributes.  The validate attribute can be passed multiple values and it is easy to tell nextVal to validate a form.

Requirements: jQuery
Demo: http://jukebox42.github.com/nextVal/#examples
License: MIT License

Author: Hirvesh Posted At: 11/15/2012 Tags: , , , , , , , , , ,

UltraREPL - A JavaScript Development Environment Within JavaScript

UltraREPL is a JavaScript development environment, not just a toy or a simple debugger. Developing JS code inside of JavaScript itself enables a lot of powerful options that are otherwise difficult or cumbersome. The problem is Node's existing REPL doesn't provide the tools needed to take advantage of this potential, and there's not really any other options aside from (albeit awesome) browser based environments like Ace.

UltraREPL is designed to work with zero configuration as long as Node is installed. To get it you can clone it from this repo or simply install it with npm.

Requirements: Node.js
Demo: https://github.com/Benvie/Node.js-Ultra-REPL
License: MIT License

 


Recent Posts

Popular Categories



Popular Components



Popular Licenses