Ace: Professional High Performance Code Editor for the Web

ace-editor-preview

Ace is an embeddable code editor developed in JavaScript. It matches the features and performance of native editors including Sublime, Vim and TextMate. It could be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project.

It’s very useful if you want to edit code online (e.g. PHP, JavaScript files etc.) through a back-end application that contains code and you need to enhance that editor for a better user experience.
[Read more…]

Format User Input to Match a Specified Pattern: For Web Forms

Sometimes it is useful to format user input as they type. It provides a better experience to the user, it shows that you care about visitor’s input and you optimized your web forms like a professional and this way, it’s very unlikely the user will make any typing mistakes as it clearly shows how the input format should be. Here are 2 scripts that you can use to improve the functionality of your forms:

Masket Input Plugin allows a user to easily type in fixed width input in which you would like them to enter the information in a certain format (dates,phone numbers,social security numbers etc). It’s been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is determined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:
a – Represents an alpha character (A-Z,a-z)
9 – Represents a numeric character (0-9)
* – Represents an alphanumeric character (A-Z,a-z,0-9)

jquery-mask-input-plugin-preview

[Read more…]

Fancy & User-Friendly Select DropDowns with Chosen: jQuery Plugin

jquery-chosen-plugin-preview

Chosen is a jQuery plugin that makes long, unwieldy ordinary select boxes much more user-friendly. Comes with a number of options and attributes that allow you to have full control of your select boxes.

The following select types are supported:

  • Standard Select
  • Multiple Select
  • <optgroup> Support
  • Selected and Disabled Support
  • Hide Search on Single Select

There is also available a Prototype version of Chosen.

Setup

Using Chosen is easy as can be.

  1. Download the plugin and copy the chosen files to your app.
  2. Activate the plugin on the select boxes of your choice: $(".chosen-select").chosen();

[Read more…]

Banner Rotators and Sliders Bundle: Multi-Use License for only $29

Use the coupon INKY2013 to get $5 off from this already discounted deal

Inky Deals: Banner Rotators and Sliders Bundle: Multi-Use License

Inky Deals, in partnership with the guys from FlashComponents, offers a bundle loaded with top-quality banner rotators and sliders that you’ll definitely enjoy using!
This bundle is guaranteed to make your website far more eye-catching, thus considerably increasing the chances that a user stays more time on the website.

Each one of these banner rotators and sliders have a lot of powerful features, are simple to set up and incorporate in any project! You are able to customize them as much as you want, until you get that perfect look that fits your needs.

Each item is designed so you can easily change the transition, text, speed plus much more. And if you need some assistance – each folder has a help file regarding how to customize them.

This bundle includes a multi-use license, permitting you to use them in an unlimited number of personal and commercial projects without any extra fees!

Typically you would need to pay $455 for this set, but only for a limited time you can get them for the amazing price of just $29. That’s a massive 94% discount!

[Read more…]