Browse: JavaScript

Small, Lightweight and Unobtrusive Scripts, Tools

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 the rest of this entry…

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 the rest of this entry…

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 the rest of this entry…

alertify.js-browser-dialogs-never-looked-so-good

If you’re looking for implement a professional browser dialog into you desktop, laptop, tablet or mobile device, alertify.js has you covered.
Read the rest of this entry…

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 the rest of this entry…

bootstrap-preview-image

After 2 years from the release of Twitter Bootstrap, an amazing open-sourced CSS/HTML framework, Bootstrap 3 is finally released.

Read the rest of this entry…

This infographic from Zing! Broadband shows the importance of website speed when it comes to conversion. In 2012, people spent $59.1 billion during the Black Friday weekend and the Cyber Monday sales brought in $1.62 billion. 167 million US consumers shopped online or 53% of the population. Estimated growth is 192 million by 2016.

Average page load time for the top 200 retail sites was 10 seconds, 10% faster than 2011.

[View Infographic]

There has been a huge dilemma among web developers as to what to get acquainted with first, the basic JavaScript or the more advanced features that use it such as jQuery, MooTools etc. The popular answer to such a question has always been the latter option. Learning the latter might be the easiest way around. But taking shortcuts always have their repercussions. Learning jQuery without getting acquainted with the basic Java script may lead to the developer running into problems later on.

The Pros and the Cons

Using script libraries is the easier way but not the best way. When one has ready made libraries of scripts in their possession and the library is user friendly and provides good tutorials for the beginners, it may not take a long time to master it. There are some great tutorials that may make even an absolute beginner master it and start working within a short period of time. There is a huge library of codes which can perform a huge range of functions. One does not have to write extensive lines of code as in raw JavaScript or others. The programming can be done with some speed as there is a lot of support for the library such as available plug-ins that speed up the process and can be downloaded readily. Yet all these come for a price.

Read the rest of this entry…

How To Budget For Your Next Email Campaign

Posted on October 12, 2012, Filled under jQuery,  Bookmark it

Every year, business owners spend approximately 2.5 billion dollars on email marketing. Although this figure is higher than it may have been past years, many experts like Max Starkov and Mariana Mechoso Safer, who recently published a report on digital marketing budget planning on Hospitality Net, this number is still too low. Starkov and Safer claim that business owners have under spent on digital advertising by close to $20 billion.

In particular, Starkov and Safer claim that entrepreneurs have under spent on mobile advertising. Many are reluctant to embrace this type of advertising because they’re unsure how to approach it without the help of an email services. The need for more spending in this arena is especially clear when one looks at the percentage of time that consumers spend with a certain medium versus the percentage of advertising budget that entrepreneurs allocate.

For instance, advertisers allocate about a quarter of their budgets toward print advertising while consumers only spend a mere seven percent of time. In contrast, marketers spend only one percent of their budgets on mobile marketing while consumers spend ten percent of their time. Many of the most successful companies are using this discrepancy between spending and potential ROI to their advantage, and they’re allocating as much as 75 percent of their advertising budgets to digital marketing. In general, advertisers are spending almost a quarter of advertising budget on  email marketing alone.

To afford this marketing expense, entrepreneurs are diverting money from other marketing sources like print advertising or radio spending. Some business owners find investing in email marketing to be so lucrative that they even take out loans to afford their campaigns. However, the way which entrepreneurs fund advertising campaigns is far less important than how they allocate the funds once they’ve been earmarked for an email marketing campaign.

Increasing The Efficacy of Email Campaigns

As you will discover when you consult with a company doing email service providers, there are critical steps that you can take to make your campaign more successful. The first and arguably the most important of these steps is creating a campaign that avoids batch and blast tactics.

According to a recently published EConsultancy blog post, when an entrepreneur segments email campaigns, they increase the number of messages that are opened by 30 percent. Because only 20 percent of emails are ever opened, increasing the chances that your email will be opened by its recipient is a crucial step in creating a successful campaign.

A Differentiated Email Campaign

A differentiated campaign means that not everybody on the list gets the same email. Instead, they receive mail that has been tailored to their particular demographic. In some cases, this can be as simple as sending different emails to the citizens of different countries. An Englishman is far more likely to open an email that references his currency and holidays than he would be to open one that references American currency and holidays. Once opened, these differentiated emails boast a click through rate that is over half of the rate of an undifferentiated message.

To segment emails, business owners should dive into their personal analytics. By looking at which customers viewed which pages or which customers left which items in their carts, business owners should be able to accurately assess which types of emails will appeal to these customers.