/ best free open source web resources /


A Powerful jQuery Plugin for Range Sliders

Posted · Category: Forms, GPL License, MIT License

jQRangeSlider is a powerful slider for selecting value ranges, supporting dates and touch devices. It supports both numerical values and date and time. Selecting a time frame has never been so easy. It has been tested with iOS and Android. User can select a range simply by touching and swiping on his tablet or phone.

jQRangeSlider comes by default with two themes to demonstrate its ability to be restyled. You can customize it as you want: nothing is hard coded. It is open source published under dual license GPL and MIT. You can use it in both open source and commercial software.


Requirements: jQuery Framework
Demo: http://ghusse.github.com/jQRangeSlider/
License: GPL, MIT License

In-Place Editing with Twitter Bootstrap and jQuery

Posted · Category: Forms, MIT License

X-editable supports in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery. This library allows you to create editable elements on your page. It includes both popup and inline modes. It’s new life of bootstrap-editable plugin that was strongly refactored and improved.

It supports input type like, text, textarea, select, date, dateui and checklist. It supports client-side and server-side validation. The container placement is fully customizable. User can toggle by click, dblclick or manually. It works in IE7+ and all modern browsers.


Requirements: Twitter Bootstrap, jQuery UI or pure jQuery
Demo: http://vitalets.github.com/x-editable/demo.html
License: MIT License

Mailcheck Helps Reduce Typos in Email Addresses

Posted · Category: Forms, MIT License

Mailcheck.js is a Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address. When your user types in “user@hotnail.con”, Mailcheck will suggest “user@hotmail.com”. Mailcheck will offer up suggestions for top level domains too, and suggest “.com” when a user types in “user@hotmail.cmo”.

Mailcheck helps reduce typos in email addresses during sign ups. It can reduce the sign up confirmation email bounces by 50%.

Mailcheck included default domains are yahoo.com, google.com, hotmail.com, gmail.com, me.com, aol.com, mac.com, live.com, comcast.net, googlemail.com, msn.com, hotmail.co.uk, yahoo.co.uk, facebook.com, verizon.net, sbcglobal.net, att.net, gmx.com, and mail.com. The included default top level domains are com, net, org, info, edu, gov, co.uk, and mil.


Requirements: JavaScript Framework
Demo: https://github.com/Kicksend/mailcheck
License: MIT License

Delta – An Open Source jQuery UI Theme

Posted · Category: Forms, GPL License, MIT License

Kiandra has recently announced the open sourcing of Delta jQuery UI theme that you’re going to love. It’s free for commercial, personal and educational use as part of the MIT or GPL license.

The theme makes use of CSS3 gradients and some @2x images to ensure it’s retina display friendly. The vibrant colour scheme means “Delta” works on both light and dark backgrounds. Change the toggle in the top right hand corner of the demo to see it in action.

This theme can act as a starting point for other smart cookies to create their own visually engaging jQuery UI themes. You can fork this theme over on the GitHub repository.


Requirements: jQuery UI
Demo: http://blog.kiandra.com.au/2012/09/delta-a-free-jquery-ui-theme/
License: MIT, GPL License

Create Customizable Sliders with SlideControl jQuery Plugin

Posted · Category: Forms, MIT License

SlideControl jQuery Plugin allows you to easily make custom sliders for range inputs. You can set the speed, which controls the speed of the animation for a slider reszing. You can also set the LowerBound and UpperBound, which is the minimum and maximum amount the slider can be set to.

The CSS file included should be pretty straight-forward. You can change the look of your slide controllers in there from background color to size to how the handle looks. Just take a look around and it should be pretty easy to make changes.


Requirements: jQuery Framework
Demo: http://nikorablin.com/slideControl/
License: MIT License

An Embeddable JavaScript Markdown Editor

Posted · Category: Forms, License Free

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

EpicEditor is set up to allow you to use any parser that accepts and returns a string. This means you can use any flavor of Markdown, process Textile, or even create a simple HTML editor/previewer. Theming is easy in EpicEditor as well.


Requirements: JavaScript Framework
Demo: http://oscargodson.github.com/EpicEditor/
License: License Free

Open Source HTML5 Rich Text Editor

Posted · Category: Forms, MIT License

wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

It’s fast and lightweight. It generates valid and semantic HTML5 markup. It uses class names instead of inline styles. It supports speech-input for Chrome as well. It is released under MIT License.


Requirements: JavaScript Framework
Demo: http://xing.github.com/wysihtml5/
License: MIT License

Create Beautiful Circular Switches with jQuery Knob

Posted · Category: Forms, GPL License, MIT License

jQuery Knob is powerful jQuery plugin that helps users to create beautiful circular switches like volume controls. It works by transforming any given input fields according to the values defined in its attributes and can be drag-and-dropped to change the value.

It also facilitates users to define the min-max values, default value on initial load, color and put it into read only mode. It supports touch, mousewheel and keyboard events. It is released under GPL and MIT license.


Requirements: -
Demo: http://anthonyterrien.com/knob/
License: MIT, GPL License

Gmail-like Auto Saving Drafts jQuery Plugin

Posted · Category: Forms, MIT License

Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts.

With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and needs you just to select forms to protect.


Requirements: jQuery Framework
Demo: http://simsalabim.github.com/sisyphus/
License: MIT License

Auto Detecting Credit Card Type with JavaScript

Posted · Category: Forms, License Free

Everyone knows that credit cards were actually quite well-suited to the web, and so the credit card form was born. There are several sites who have done away with the credit card type field. Both Amazon and GitHub don’t require you to select a credit card type in their form. As you fill in the credit card number, the user interface changes to show the type of credit card being used.

Auto-detecting Credit Card Type is a nice addition to the standard payment form because it frees up the user from entering what is actually redundant information. It’s trivial to determine the type of credit card being used once you understand how credit card numbers work.


Source: http://webstandardssherpa.com/reviews/auto-detecting-credit-card-type/

Page 5 of 15«123456789»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons