Category: code

User Bookmarks for WordPress is a complete bookmarking system that gives your users a way to save their favorite posts to their own personal bookmarks list.

Features

• Allow users to bookmark their favorite items
• Each user can view a list of their bookmarks
• Ability for users to delete bookmarks
• 3 widgets included
  • Bookmark Control Widget to show Add / Remove Bookmark
  • User Bookmarks List to show the currently logged-in user’s bookmarks
  • Most Bookmarked Widget to show the most often bookmark posts, pages and custom post types
• 3 short codes included
  • Bookmark Links to show Add / Remove Bookmark links
  • User Bookmarks List to show the currently logged-in user’s bookmarks
  • Most Bookmarked Lists to show the most often bookmark posts, pages and custom post types
• Template tags also included for each of the 3 functions above

This plugin is perfect for any website that provides a lot of content to its users and wishes to have a way for users to keep track of their favorite info.

Adding and removing of bookmarks is all done with ajax, giving a seamless, no-reload-required browsing experience.

User Bookmarks is a very lightweight plugin that provides a very powerful feature set. The plugin has been developed to integrate perfectly with your WordPress theme, and so only minimal styling is included.

Download User Bookmarks for WordPress (Utilities)

The Locations Web App is a mobile app that allows for quickly displaying locations on a map and in a list. The app loads and is fully functional with only one page load. It leverages the Sencha Touch framework and utilizes many native phone or tablet functions. It is a perfect alternative to a costly iPhone application and perfect for a small business store listing.

Download Locations Map Web App (Full Applications)

Oli iPhone: An app template designed for web and mobile app development agencies or designer portfolios.

Oli iPhone App is an iOS template built on Appcelerator’s Titanium. It is designed for web and mobile app development agencies or designer portfolios. Because of it’s flexibility you can also use it for showcasing other web or mobile apps. Add as many tabs as you want to create a full personal portfolio on the iPhone!

Check out the Live Version here: http://vimeo.com/22360599

Oli iPhone App includes: Home Page, Gallery Page, Twitter Page, Blog Feed and Contact Form. All pages are commented and documented in the included Development Resources folder. All Photoshop .psd files are included in a separate folder for every little part of the App.

You can publish this App to the iTunes Store or the Android Marketplace quickly with the tools provided by Appcelerator. Ask me if you have questions about publishing with the iOS developer SDK . Or, if you’re new to Titanium, it’s important to understand how it works. In short: Code in javascript and your app ends up compiled as a native app that uses native iOS APIs. This app is not a browser-based app. This app will end up being a native iOS app using Titanium’s API .

Download Oli iPhone: Agencies and Designer Portfolio App (Titanium)

Using The Weather Channel’s Weather (Http://Weather.com) API , add the data that you need to make your app cutting edge. Lots of variables in this one!!!

A full 5 day forecast. Day and Night.

NOTE : The Tabbar updates the titles with the next 4 days forecast, however, the buttons are not active. The functions.js file has all of the available variables set however. They are just commented out for this example. Enable the parsed data that you need .. add them to a new view and your are om business. Or, if you are just looking for the current weather data than you have everything you need. Just delete the tabbar and its a fully working and functioning example. There are approximately 200 data points the the Weather Channel provides.

Make sure to signup for your Partner ID and License Number here:
http://registration.weather.com/ursa/xmloap/step1
As it will not work without it.

Icons included are distributed through Weather Channel Registration.

Example also requires the freely available Titanium SDK . Tested on SDK 1 .7.2

Runs on iPhone and iPad.

Complete sample included.

Feel free to contact me if you have any questions regarding this item.

Note: If you like this template, please spare a minute to rate it. If your rating is below 5 stars – please drop me an email with your reason – so improvements can be made.

Download Weather Channel API Interface (Templates)

FlexSlider is an unique slider plugin allows you to make keynote-like presentation.

As a very versatile tools, you can use it as a simple slider, or for a full HTML keynote-like presentation.

No JavaScript knowledge needed, only pure HTML and CSS are required and some additionnal tags to make your OWN and UNIQUE presentation.

With this slider, you decide HOW to ANIMATE your SLIDES ! No random animation ! This is not a simple image gallery, it’s power point !

You want an image to go UP ? Just add effect=”slide” and direction=”up” !
Fade ? effect=”fade” !

Check the demo !

This plug in can be used with jQuery ! See demo page example !

Features :

1. Multi Layers
2. Custom Animations : you can easily create your own !
3. Custom HTML Content : videos, flash, image, iframe…
4. Drag & Buttons Navigation
5. Work on Touch device (Android & iOs)
6. Skinnable & Resizable : No image, just CSS !

This version use jQuery 1.6.2. File included.

ChangeLog

v.1.0b

• Adding height and width effect
• Adding easing

Download FlexSlider – a Touch Multi Layers jQuery Slider (Sliders)

This script is meant to help you add a unique type of feedback form to your pages. The difference between this script and others is in the information that the form captures and how it presents it to you.

The questions

Let us start off with two questions I figure we have all had to deal with:

• How satisfied are your users and what can you do with that information?
• What features are you going to add, remove, improve, or keep during your next upgrade that will impact your users the most?

These are important questions that designers, developers and website owners need to answer. How they are answered will determine how well you will use your resources (time and money) and the how successful your project will be.

Some of the tools that you could use at the moment include star ratings, contact pages, forums, twitter, and facebook among other. But the problem you might face with these tools is that the feedback is not structured making it hard to interpret. And when you are talking of hundreds or thousands of comments, it is just chaos.

If only …

What if there was an easier way to collect feedback and deliver great user experience? A simple measure of how satisfied your users are? A way to find out how you can increase your users satisfaction? A painless way to identify what features matter to you users?

Apple has a score of 70. What will be yours?

Intelligent Feedback makes this possible by providing with a simple way of keeping score of user satisfaction and arranging comments in a way that is easy to go through. It add a feedback form to you page that does this by:

Net Promoter Score

Rather than just asking users to rate, it asks them "How likely they are to recommend you to a friend on a scale of 0-10". This simple score identify two types of users:

• Promoters: Those that give a rating on 9 to 10. These users speak well about you to others and bring you clients.
• Detractors: The users that give a rating of between 0 and 6. These are users that are not satisfied and are likely to spread negative words.

From identifying these types of users:

• You are able to identify users that are not satisfied and address their issues before they spread.
• The script will tell you your NPS (Net Promoters Score). This is a measure of user satisfaction and is the difference between the percentage of promoters and detractors.

Categorized comments

Rather than just collect comments, the script helps users group the comments in 3 categories:

• What they think you should start doing to improve
• What you are doing well and should continue
• What you are getting wrong and should change

With this simple grouping you are able to figure out and focus on what matters most to the users.

Features

When you buy this script you get:

• The script is easy to install and integrate you your pages. All you need to do integrate is copy one line of markup to you html.
• You get an admin dashboard where you can manage the comments and view a graph of your NPS over time
• Select to have the comments delieverd to your mail box in addition to the admin dashboard
• Easily integrate it to your authentication system for the administrators
• The script is easy to translate and customize.
• Free and prompt support when you need it

Check out the demo page HERE .

Let us know what you think of this script and how it can be improved in the “Item Discussion” section

Download Intelligent Feedback (Ratings and Charts)

PHPsh is an advanced PHP shell interface for *NIX systems.

Requirements

• *NIX operating system.
• PHP 5 .2+
• system() not disabled.

Features

• Simple authentication.
• Full shell interface.
• AJAX .
• Terminal colors.
• Configurable `home’ directory (~).
• Command history selectable using arrow keys.
• Configurable $PATH.
• Command aliases.

Download PHPsh – PHP Terminal (Project Management Tools)

Elitepack CSS3 is a collection of web elements that are designed with pure CSS3 technology meaning that no images have been used.

  Connect with Us

This particular pack is the CSS3 tags which can be used to smartly represent your blog tags in a blog template or any other type of site.

The Elitepack CSS3 tags have a clean and crisp outlook with an array of colors that fit perfectly on top of your theme framework, blog site/post or any other web project you are working on. You can also create you own colors by playing around with gradients.

  Features at a Glance

• Pure CSS3
• Cross browser compatibility: Chrome, Safari, Firefox, Opera, IE9 , IE10 – Preview
• Simple to implement
• Abstract classes that allow you to have different combinations
• Works well with @font-face or google fonts
• Looks good on iPad
• Well Documented and commented code

Feel free to contact me if you have any questions or suggestions regarding this item. I hope you enjoy it.

Note: If you like this template, please spare a second to rate it.

  Version Control

09/14/2011 - Initial Release 1.0

Download Elitepack Classic CSS3 Tags (Miscellaneous)

jQuery Lightbox – Grooveshark Style is a quick, simple, and easy plugin to use for all of your lightbox needs. It is highly customizable, and very intuitive to use.

Some of its great features are as follows:
-data URI ’s instead of Image Files, which means you don’t have to worry about uploading annoying images, making sure your directories are all good, etc. Just upload the CSS and Javascript, and you are ready to rock.
-Highly versatile: Override the normal javascript alert() with a single line of code, use for login forms, admin panel modifications, registration, detail panes, etc.
-Cross Browser Friendly! Degrades beautiully
-Simple Syntax: Load data asynchronously with Ajax, or use a predefined message
-Buttons: Simple to add, almost… too simple… All button clicks may be accessed easily, and you may do whatever you want with them! The following predefined button titles automatically close the lightbox: Close, Cancel, Quit, Back, OK
-Functions to check if lightbox is open/closed, as well as functions to destroy the object from the DOM
-CSS3 & HTML5

Download jQuery Lightbox Grooveshark Style (Miscellaneous)

What is it?

Before-After allows you to place two images on top of each other and use a draggable slider to hide and reveal each image. This is especially useful for highlighting a Before/After makeover or Untouched/Photoshopped images side by side.

We build a slider around this feature to build a unique showcase of sets of Before and After pictures.
Give each slider a description and set the startpoint of the slider to transport your message.

Is it hard to implement?

No! It is the typical way of implementing a jQuery plugin. You just need to know little HTML and Javascript. Put the JS and CSS links in the head of your HTML site and build an unsorted list of items like this:

<li> 
   < img src="images/beforeafter/2before.jpg" alt="images/beforeafter/2after.jpg">
     < div id="textbox_1">         
      < div id="logo" class="faderight">
         < img src="images/yourlogo.png" alt="">
      < /div>         
      < div id="title" class="fadeup">
         My Sweet Girl
      < /div>         
      < div id="description" class="fadeup">             
         Description ipsum dolor sit amet, pericula sapentim ei ius.< br>
         Pupolo patrioque elaboraret usu et. Duo numquam assentior et.
      < /div>      
   < /div> 
</li>

  Buy Extended Licence for only 35$ now,
you would come back anyway to buy more .

What are the Features?

• Add unlimited amount of texts, images, and animate them.
• Set the Z Position of the texts, images to show them on both layer, or only on after or before layer. Mix them as you wish.
• Auto Thumbnail creation. Coloring, positions, shadows, all these features can be easily set via the CSS file.
• jQuery Conflict free plugin.
• Example demos included.
• Easy to implement.
• Any Image Size.
• Special Easing.

  Preperation time: 5 min.

How about Support?

If you face problems with this item please contact us via our profile page at www.codecanyon.net.

Thank you for your time!!

  Clean Documentation

Download Before-After Slider&Banner jQuery Plugin (Sliders)

jQuery Plugin

Features:
Multilevel submenus
Create dropdown menus
Supports div dropdown on
Customizable CSS
Works in all browsers
Show on top of flash content
Moving Box when mouse Hover
3 steps to install

Include:
3 Examples
Documentation

Download mjMenu Dropdown (Navigation)

This plugin creates a simple content sorter for your content and allows you to control your content with pagination! Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

Download jQuery Simple Content Sorting Plus Plugin (Miscellaneous)

WiseLoop JavaScript Bandwidth Tester is a jQuery plugin that allows you to do a network speed test against your internet server. The script can check many server types (like Apache HTTP , Apache Tomcat, IIS , nginx, Oracle HTTP , jetty etc.) as long as the server supports POST and GET AJAX commands.
The graphical design is highly customizable by using CSS themes and plugin options.

Main Features

• ping time measurement;
• download speed test;
• upload speed test;
• multiple server type support (Apache HTTP , Apache Tomcat, IIS , nginx, Oracle HTTP , jetty etc.);
• cross-browser support;
• jQuery powered;
• customizable by using CSS (10 themes included);
• exhaustive documentation.

Requirements

• An HTTP server that allows GET and POST AJAX calls;
• A JavaScript enabled internet browser;
• jQuery 1.3 or newer.

Installation Instructions

• Step 1: make a directory named /javascript-bandwidth-tester on your Web server;
• Step 2: copy entire /bin directory to the new created /javascript-bandwidth-tester directory;
• Step 3: include the /javascript-bandwidth-tester directory/bin/jQuery.wlBWT.js in your page:
  <script src="/javascript-bandwidth-tester/bin/jQuery.wlBWT.js" type="text/javascript"></script>
• Step 4: add a div having id equals to “wl-bwt” to your page:
  < div id="wl-bwt">
• Step 5: just apply the plugin over the “wl-bwt” div:

  $('#wl-bwt').wlBWt()

A Basic Usage Sample

 <html>
    <head>
        <script src="jquery-1.4.3.min.js" type="text/javascript"></script>
        <script src="jQuery.wlBWT.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready( function(){
               $('#wl-bwt').wlBWt();
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>

Information

• Project Name: WiseLoop JavaScript Bandwidth Tester
• Project Website: http://wiseloop.com/product/javascript-bandwidth-tester
• Online Demonstration: http://wiseloop.com/demo/javascript-bandwidth-tester
• Author: WiseLoop, http://wiseloop.com/contact/javascript-bandwidth-tester
• Tags: javascript bandwidth test, javascript broadband test, javascript network speed, bandwidth jquery plugin, network jquery plugin, network speed test, bandwidth test, broadband speed check, boadband speed test, broadband jquery plugin, network bandwidth test, network bandwidth check, bandwidth, broadband

This software product is sold exclusively on codecanyon.net. Please do not download it from elsewhere.

Download JavaScript Bandwidth Tester (Miscellaneous)

This is an extremely handy Jquery plugin to have if you have an age restricted site. If you have an existing PHP page blocker, why not add a creative supplement system into your site. This is a Jquery based plugin that will prompt your user to fill in birth date information in order to get access to your site. Along with being a creative alternative solution, this plugin has many parameters for customization. You can even log each user’s age and time stamp of when they filled out the form.

Features

• Jquery based plugin
• Super simple to implement
• Fully customizable
• Protect your pages from underage viewers
• PHP processing to save entries
• Fully functional after a few lines of code
• Cookie storage to remember who already gave age

Download Jquery Age Block (Forms)

This script is an powerful exchange system for Facebook, Twitter, Youtube, Google and Web Traffic and many features!

Features

• Exchange systems for:
  • Google +1
  • Twitter Followers
  • Facebook Likes
  • Youtube Views
  • Traffic Exchange

• Auto-Surf bar for traffic exchange (with anti-framebreaker)
• Paypal integrated
• Buy Points page
  • Add unlimited points packs
  • Manage packs from Control Panel
• Control how much points you want to spend for every website
• Cost per click for every website submited
• Refferals system
• Stats page
• Powerful control panel:
  • advanced stats for users, clicks, websites, sales
  • users management
  • site management
  • website settings management
  • maintenance mode

Demo

Website Demo
Username: Demo
Password: 123456

Control Panel Demo
Username: Admin
Password: 123456

Download Powerful Exchange System (Social Networking)