WebAppers » Forms http://www.webappers.com - Hunting the Best Open Source Resources for Web Developers Wed, 19 Jun 2013 07:05:32 +0000 http://wordpress.org/?v=2.8.6 en Gives Users Real Time Hints & Progress on Forms http://www.webappers.com/2013/06/18/gives-users-real-time-hints-progress-on-forms/ http://www.webappers.com/2013/06/18/gives-users-real-time-hints-progress-on-forms/#comments Tue, 18 Jun 2013 07:01:50 +0000 Ray Cheung http://www.webappers.com/?p=8787

Advertise here via BSA

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms. All you have to do is to give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression. Once [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms. All you have to do is to give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression. Once you have created your form you will need to initiate the plugin. It is released under MIT License.

progressive-form

Requirements: jQuery Framework
Demo: http://git.aaronlumsden.com/progression/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/06/18/gives-users-real-time-hints-progress-on-forms/feed/ WideArea Helps You Write Better, Simpler & Faster http://www.webappers.com/2013/06/05/widearea-helps-you-write-better-simpler-faster/ http://www.webappers.com/2013/06/05/widearea-helps-you-write-better-simpler-faster/#comments Wed, 05 Jun 2013 07:01:19 +0000 Ray Cheung http://www.webappers.com/?p=8689

Advertise here via BSA

WideArea is a simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. it’s free and open-source (including commercial use). Published under MIT license. Requirements: JavaScript Framework Demo: http://usablica.github.io/widearea/ License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

WideArea is a simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. it’s free and open-source (including commercial use). Published under MIT license.

wide-area-form

Requirements: JavaScript Framework
Demo: http://usablica.github.io/widearea/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/06/05/widearea-helps-you-write-better-simpler-faster/feed/ Custom Select UI Control for Tagging & Lists http://www.webappers.com/2013/06/04/custom-select-ui-control-for-tagging-lists/ http://www.webappers.com/2013/06/04/custom-select-ui-control-for-tagging-lists/#comments Tue, 04 Jun 2013 07:24:13 +0000 Ray Cheung http://www.webappers.com/?p=8682

Advertise here via BSA

Selectize is a jQuery-based custom <select> UI control. It’s useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable user-experience with a clean and powerful API. It allows users to create items on the fly. It supports Remote data loading,for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Selectize is a jQuery-based custom <select> UI control. It’s useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable user-experience with a clean and powerful API.

It allows users to create items on the fly. It supports Remote data loading,for when you have thousands of options and want them provided by the server as the user types. It’s a lot like Chosen, Select2, and Tags Input but with a few advantages. It is licensed under the Apache License, Version 2.0.

select-tags

Requirements: jQuery Framework
Demo: http://brianreavis.github.io/selectize.js/
License: Apache License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/06/04/custom-select-ui-control-for-tagging-lists/feed/ Pretty Neat jQuery Mobile Theme Based on Flat UI http://www.webappers.com/2013/05/08/pretty-neat-jquery-mobile-theme-based-on-flat-ui/ http://www.webappers.com/2013/05/08/pretty-neat-jquery-mobile-theme-based-on-flat-ui/#comments Wed, 08 May 2013 07:01:25 +0000 Ray Cheung http://www.webappers.com/?p=8471

Advertise here via BSA

Flat Design is a new trend labeled by the community as an interface striking similar to Windows 8 and Microsoft’s Metro UI because it leaves behind drop shadows, subtle textures and gradients in favour of solid colours, clean layouts and sharp typography. Here you will find an excellent theme for jQuery Mobile based on Flat-UI. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Flat Design is a new trend labeled by the community as an interface striking similar to Windows 8 and Microsoft’s Metro UI because it leaves behind drop shadows, subtle textures and gradients in favour of solid colours, clean layouts and sharp typography. Here you will find an excellent theme for jQuery Mobile based on Flat-UI. It looks pretty clean and modern. It’s totally free, and I hope you will find it useful too.

flat-ui-jquery-theme

Requirements: jQuery Framework
Demo: https://github.com/ququplay/jquery-mobile-flat-ui-theme
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/05/08/pretty-neat-jquery-mobile-theme-based-on-flat-ui/feed/ iCheck: Super Customized Checkboxes & Radio Buttons http://www.webappers.com/2013/03/26/icheck-super-customized-checkboxes-radio-buttons/ http://www.webappers.com/2013/03/26/icheck-super-customized-checkboxes-radio-buttons/#comments Tue, 26 Mar 2013 07:10:29 +0000 Ray Cheung http://www.webappers.com/?p=8095

Advertise here via BSA

iCheck is super customized checkboxes and radio buttons with jQuery. iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

iCheck is super customized checkboxes and radio buttons with jQuery. iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

iCheck is verified to work in Internet Explorer 7+, Firefox 2+, Google Chrome, Safari 3+ and Opera 9+ browsers. Should also work in many others. Mobile browsers like Opera mini, Chrome mobile, Safari mobile and others are also supported. Tested on iOS, Android, BlackBerry and Windows Phone devices.

icheck

Requirements: jQuery Framework
Demo: http://damirfoy.com/iCheck/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/03/26/icheck-super-customized-checkboxes-radio-buttons/feed/ JavaScript Forms Validation with Parsley.js http://www.webappers.com/2013/02/27/javascript-forms-validation-with-parsley-js/ http://www.webappers.com/2013/02/27/javascript-forms-validation-with-parsley-js/#comments Wed, 27 Feb 2013 07:01:07 +0000 Ray Cheung http://www.webappers.com/?p=7841

Advertise here via BSA

Parsley.js is a JavaScript forms validation. It’s Powerful, UX aware and Dead simple. Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you, thanks to its powerful DOM-API. Parslet.js is less than 800 lines. Less than 12k minified. It works with jQuery and Zepto. Like no other javascript [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Parsley.js is a JavaScript forms validation. It’s Powerful, UX aware and Dead simple. Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you, thanks to its powerful DOM-API.

Parslet.js is less than 800 lines. Less than 12k minified. It works with jQuery and Zepto. Like no other javascript library, Parsley has a full support for #UX concerns and detailed options. Override almost every Parsley default behaviors to fit your exact needs. Parsley is open source, MIT licensed, and developed to help everyone. It will stay that way.

parsley

Requirements: JavaScript Framework
Demo: http://parsleyjs.org/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/02/27/javascript-forms-validation-with-parsley-js/feed/ A Fast & Fully Featured Auto-Complete Library http://www.webappers.com/2013/02/21/a-fast-fully-featured-auto-complete-library/ http://www.webappers.com/2013/02/21/a-fast-fully-featured-auto-complete-library/#comments Thu, 21 Feb 2013 09:49:39 +0000 Ray Cheung http://www.webappers.com/?p=7799

Advertise here via BSA

Typeahead.js is inspired by twitter.com’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library. It displays suggestions to end-users as they type. It works with hardcoded data as well as remote data. It allows for suggestions to be drawn from multiple datasets. It supports customized templates for suggestions. It also plays nice with RTL [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Typeahead.js is inspired by twitter.com’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library. It displays suggestions to end-users as they type.

It works with hardcoded data as well as remote data. It allows for suggestions to be drawn from multiple datasets. It supports customized templates for suggestions. It also plays nice with RTL languages and input method editors. It is licensed under MIT License.

typeahead-js

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

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/02/21/a-fast-fully-featured-auto-complete-library/feed/ jQuery Auto-Complete & Auto-Suggest Text Input http://www.webappers.com/2013/01/25/jquery-auto-complete-auto-suggest-text-input/ http://www.webappers.com/2013/01/25/jquery-auto-complete-auto-suggest-text-input/#comments Fri, 25 Jan 2013 07:10:56 +0000 Ray Cheung http://www.webappers.com/?p=7552

Advertise here via BSA

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. It was built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. It was built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license. It is currently supported browsers: IE 7+, FF 2+, Safari 3+, Opera 9+.

auto-complete

Requirements: jQuery Framework
Download Link: http://www.devbridge.com/projects/autocomplete/jquery/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/01/25/jquery-auto-complete-auto-suggest-text-input/feed/ A Fully Responsive & Lightweight jQuery Dateinput Picker http://www.webappers.com/2013/01/14/a-fully-responsive-lightweight-jquery-dateinput-picker/ http://www.webappers.com/2013/01/14/a-fully-responsive-lightweight-jquery-dateinput-picker/#comments Mon, 14 Jan 2013 07:39:28 +0000 Ray Cheung http://www.webappers.com/?p=7428

Advertise here via BSA

Pickadate.js is a fully responsive and lightweight jQuery dateinput picker. It looks pretty neat and simple. It is easy to use. And alos, you can have different themes for it as well. It has been tested on IE7+, Chrome, Firefox, Safari, Opera, iOS Safari, Android browser. The pickadate.js script supports all modern browsers and IE 9+. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

Pickadate.js is a fully responsive and lightweight jQuery dateinput picker. It looks pretty neat and simple. It is easy to use. And alos, you can have different themes for it as well.

It has been tested on IE7+, Chrome, Firefox, Safari, Opera, iOS Safari, Android browser. The pickadate.js script supports all modern browsers and IE 9+. To support IE 7+ and other old browsers, include pickadate.legacy.js instead. It is released under MIT License.

pickadate-js

Requirements: jQuery Framework
Download Link: http://amsul.github.com/pickadate.js/
License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2013/01/14/a-fully-responsive-lightweight-jquery-dateinput-picker/feed/ Smart Input Field Position Indicator jQuery Plugin http://www.webappers.com/2012/12/14/smart-input-field-position-indicator-jquery-plugin/ http://www.webappers.com/2012/12/14/smart-input-field-position-indicator-jquery-plugin/#comments Fri, 14 Dec 2012 07:31:25 +0000 Ray Cheung http://www.webappers.com/?p=7129

Advertise here via BSA

For a given input field, it would be cool to indicate the current cursor position and how much text is occupying it. It would be awesome if it’s easy to implement in any website without modifying the DOM at all. Here we got Smart Input Field Position Indicator jQuery Plugin. It needs no images, it’s pure [...]

Sponsors

Professional Web Icons for Your Websites and Applications

]]>

Advertise here via BSA

For a given input field, it would be cool to indicate the current cursor position and how much text is occupying it. It would be awesome if it’s easy to implement in any website without modifying the DOM at all. Here we got Smart Input Field Position Indicator jQuery Plugin.

It needs no images, it’s pure CSS rendering. It is accurate and dynamic, which means you can add or remove text and it will adapt. It uses Event-Delegation so don’t worry about performance if you have a million input fields or dynamically-created ones.

smart-input-field

Requirements: JavaScript Framework
Demo: http://dropthebit.com/325/smart-input-field-position-indicator/
License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

]]> http://www.webappers.com/2012/12/14/smart-input-field-position-indicator-jquery-plugin/feed/