jQuery Version »

JackBox – A Responsive Lightbox with Real Social Sharing

JackBox for WordPress is built on a simple idea:

1. Connect your pre-existing page and post content to a lightbox.

   This means no shortcodes and no gallery managers to figure out. Instead, JackBox is baked into your content editor and works just like the traditional “hyperlink” button. Except instead of just adding a simple link, you create a lightbox item!

JackBox was originally built with 2 goals in mind:

1. Create a lightbox that worked on mobile devices, even smartphones. JackBox is “responsive”, which means it’s 100% compatible with responsive websites.
2. Create a lightbox where every image, video and song can be individually shared. This means when someone “likes” one of your photos, when a friend clicks on the shared link, they’ll instantly be shown the exact photo that was originally shared.

Simple.     Powerful.     JackBox WP.     Watch the Videos.

Smart Script Loading

The JackBox stylesheets and scripts will only load into your web page if the page contains a lightbox item. This means that on the pages where no lightbox items are used, no unecessary plugin files are loaded. When JackBox CSS and JavaScript files are loaded, they load asynchronously, helping your web pages to load faster.

Features Include

• Localized for WordPress
• Responsive / Mobile Ready
• Retina Ready Graphics
• Share any item through Twitter, Facebook, Pinterest and Google+
• Deep-linking, every item has it’s own unique link
• Touch Swipe for Mobile Devices
• Genuine Fullscreen for Firefox and Chrome
• Group any items together and create item categories
• Youtube Video w/ Mobile Fallback
• Vimeo Video w/ Mobile Fallback
• Automatic Youtube and Vimeo thumbnail loading
• HTML5 Video w/ Flash backup
• HTML5 Audio w/ Flash backup
• Flash Video w/ Mobile Backup
• Load HTML Divs, iFrames and Google Maps
• Built-in Thumbnail Hovers
• CSS3 Preloader for smoother animation

Options Include

• Optional gallery-style thumbnails
• Options to set the lightbox thumbnail width and height
• Optional item titles and descriptions
• Option to show the description info by default
• Option to start with thumbnails hidden
• Option to autoplay all videos either globally or individually
• Option to zoom smaller images automatically either globally or individually
• Option to preload graphics for a smoother lightbox experience

JackBox Makes Thumbnails Easy

1. First, you have the choice to load a specific thumbnail of your choice.
2. If none are chosen, and the lightbox item is a clickable thumbnail to begin with, JackBox will grab and resize that thumbnail instead.
3. If these options aren’t available, JackBox will then attempt to grab the large version of the lightbox image and resize it.
4. And as a last resort, JackBox will just use a default thumbnail of your choosing.

Special Notes

• Images, Video and Audio shown in the preview are not included in the download source and are for demonstration purposes only.
• Autoplay for video and audio is not available on mobile due to device restrictions.
• Mobile touch swipe functionality is only available for images.
• Fullscreen mode is not available for IE, Opera or Safari.

Credits

VIDEO
Photo And Typo Opener by Muko
App/Service/Product Promotion by JakubVejmola
Wedding Album by muratoz
Sliding Presentation by Webarteo
Company Timeline by DEM -G

AUDIO
One Fine Day by Symphony-of-Specters
Your Little Planet Corp by MusicPremium
Spring by SilverSnow
Soft Introduction by Webarteo
Got Joy by frozensatellite

PREVIEW IMAGE SOCIAL BUTTONS
Kim Peterson

CODE LIBRARIES
jQuery
jQuery Address
Modernizr
StackBlur
Jacked

More works by CodingJack

Download JackBox – Responsive Lightbox – WordPress Plugin (Media)

“Adding your Envato Comments RSS will help Improve Sales”

If you sell products on the Envato marketplaces you will probably have a “product” website which shows the details of your marketplace item. If your using WordPress then this plugin is an easy way to quickly add your items comments feed to that product site.

By showing recent comments you really will encourage potential users to buy your product, if they see comments and how you respond to them, it will increase their confidence in the support provided by the plugin author and will be more likely to buy.

Benefits of Envato Comments WordPress RSS

• Easy to Install
• Add Comments RSS in Seconds
• Have as many widgets as you like (for multiple item authors)
• Extendable – Use Shortcodes to integrate (if you want to)
• Show Recent Comments (as social proof)

Social proof is proven to improve trust and increase sales, if your selling a digital product you need to include Social Proof. Recent comments can help with this.

Easy To Use

No Coding Required!

• Works out of the box (just needs an item ID!)
• Drag and Drop Widgets
• Widgets, Customizing and Integration

High Quality Code
Caching of the RSS feed – doesn’t impact everyones page loading

Download Envato Comments WordPress RSS (WordPress)

Cool Filters is the perfect app to implement in your marketing projects or just to learn pretty much everything you need to know about Facebook apps.
It is fully customizable with 32 background images and unlimited color combos.

The app works like this

• First, the app reads the cookie from the logged Facebook user and pulls his or her profile information.
• Then, the user uploads a picture wich is automatically reduced to fit in the app space.
• When the user clicks on the “upload picture” button the app renders the filter added on the picture in the local server and then uploads it into a new photo album in the users profile.

Features

• Graph api using php
• 32 background images
• XFBML Like Button
• Stream Publish (wall post)
• Invite Dialog
• Different filter combos
• Full Browser Compatible
• Well Documented
• Easy to customize

Download Cool Filters – Facebook App (Social Networking)

Features:

• Clean & Modern Design
• Responsive Layout
• Easy to Customize
• Ready to use Bootstrap components
• HTML5 & CSS3 & jQuery
• Google Fonts
• Flickr Widget
• All files are well commented
• Cross-browser Compatible
• Includes documentation

Download Cool – Bootstrap Skin (Bootstrap)

This is a jQuery plugin for displaying a 3d object by a sequences of images. It is simple and compatible with all major browsers and touches devices.

Features:

• Cross browser, supports Chrome, FireFox, Safari, Opera and IE6 +.
• Support multiple object on one page with different configurations.
• Support transparent images.
• Option to set the width and the height of the main container’s window.
• Option to set the width and the height of the picture.
• Option to set the background color or background image.
• Detail Help Html File included.

Camera Mode:

Options:”P98”,”P26”,”R360”,”Anim”
• “P98” – 3D view and the number of the pictures is 98.
• “P26” – 3D view and the number of the pictures is 26
• “R360” – 360° view and the number of the pictures is the parameter of
  pic_number.
• “Anim” – animation view and then number of the pictures is the
  parameter of pic_number.

please see the live preview.

Download jQuery 3D Object Show (Images and Media)

Overview

Zozo UI Tabs is a lightweight highly customizable jQuery plugin for creating awesome horizontal and vertical tabbed content area.

Technical Support

Live examples and complete documentation can be viewed on www.zozoui.com, please click on the quick links below to find out:

• Usage
• Live Examples
• API -Reference, configuration, methods, events

If you have any questions, ideas or suggestions, please feel free to contact us on our profile page

Browser compatibility

• Chrome
• Firefox
• Safari
• Opera
• IE9
• IE8
• IE7

Features

• Fully documented and explained
• SEO Friendly
• Stylish
• Fully Customizable
• Cross-browser
• Bookmarkable tabs
• 6 Themes
• Horizontal & Vertical Tabs
• 8 Flexible ways to position
• Multiple tabs on the same page
• Dynamically add & remove tabs
• Autoplay Support
• CSS3 & HTML5 design
• Fully documented (www.zozoui.com) & Free Support
• Codeless creation & customization with HTML5 data attributes
• Ability to change tabs event (click/mousehover)
• Interactive methods: select, first, last, next and previous

If you enjoy this plugin please take a minute rate it & share it! If you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.

Download Zozo Tabs (Navigation)

Pollify is a simple wordpress poll widget comes with 3 layers of security, 5 languages with RTL support, easy to use and setup and Google analytics intergration.

DEMO

Admin dashboard

• Username : demo
• Password : demo

You want more features?

If you want any feature just leave a comment and i’ll provide it!

Features

• Simple and easy to use and setup.
• 3 Layers of security for more credibility.
• 5+ Languages and RTL support
  • English
  • Arabic
  • French
  • Spanish
  • Dutch
• Google analytics auto intergration.
• Animated bars and an elegant design.

Download Pollify – Simple WordPress Poll Widget (Widgets)

jQuery SortSelect plugin will help you make your select fields more user friendly when you have a lot of options. Works great with options like cities, countries and many more.

Please visit the Live Preview to see the effect.

Features

• Software Version: jQuery 1.4.3 and older, jQuery Easing Plugin
• Compatible Browsers: IE8 , IE9 , Firefox 3, Firefox 4, Safari 5, Opera, Chrome
• Group by a letter on a custom position – helpful if your options have a prefix (e.g. “city”)
• Default value – makes the first value default, so it will be always on top of the list

Download jQuery SortSelect – group & order select options (Forms)

Social Sprites Icons is a set of commonly used social icons that transition using CSS ease. This set is super lightweight and could easily be integrated into any website. There are two versions for the icons. One with white background for normal state and a transparent background version. On hover, the icons background color will change to the official color of the social network. All of the icons are in one sprite png that totals 26.1 KB.

Video Preview: http://forrst.com/posts/aue/original/ihB

Download Social Sprites Icons (Buttons)

jQuery Responsive Banner Rotator Plugin is a responsive slider which you can use to display your image, customer testimonial, quote etc. It works fine in the mobile device.

Features

• Auto delay slideshow, hove to pause.
• Optional link of the image.
• Responsive, works fine in the small device. You can resize the browser to see the effect too.
• Keyboaard navigation support, press left/right arrow key to navigate.
• FAQ and source files are included in the package, free update in the future.

API

$(document).ready(function() {
    $('.itemContainer').Rotator({
        showArrow: true,
        autoHideArrow: true,
        slideShow: true,
        slideShowDelay: 5000,
        responsive: true
    });
});

More options are available in the document.

Recommendations For You

jQuery OneByOne Slider Plugin:

Download jQuery Responsive Banner Rotator Plugin (Sliders)

This is a plugin for Tickets. Please ensure you have purchased and installed the latest version of Tickets before using this plugin.

Envato Licensing

This plugin allows you to interact with your buyers in a number of different ways. Not only does it allow you to validate purchasers it significantly improves your after sales support and customer satisfaction.

Through the use of this plugin a long with our Articles + Forums plugin you can provide customers access to a complete support portal with Knowledge Base, Forums and Support Ticket System.

Customers can register multiple purchase codes to their account allowing them to keep track of their licenses. As an Admin you can then see which products a customer owns.

Features include:

• Option to restrict user registration to valid envato products.
• Option to restrict user registration to a white list of valid envato products.
• Allows users to add and view their envato products on the user profile page.
• Allows admins to view users envato products stored in their account.

Download Tickets Plugin: Envato Licensing (Add-ons)

This is Sherbet; a heavily customised Twitter Bootstrap skin which you can quickly and easily drop into your next project. It will allow you to save time and money for your next website.

Key Features:

• Soft, clean and professional Bootstrap skin
• No images required to make
• Perfect base to expand upon (if desired!)
• New features added if popular enough (So tell your friends!)

2012/11/04
File uploaded

• Fully commented and extremely organised CSS file
• Minified file included
• Detailed help file on how to implement into your website

• Demo background images:
  • Premium Pixels

Download Sherbet – Bootstrap Skin (Bootstrap)

uSquare – Universal responsive grid for WordPress

uSquare is a wordpress responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind. In our live preview we have included 3 modifications of the original file in order for you to see how uSquare can serve your purpose.

While we developed uSquare responsive grid plugin we carefully thought about its responsive layout. We wanted to make sure that all elements are visible and accessible with all resolutions for responsive layout.

Responsive design

Compatible Browsers

Features:

• Responsive design
• CSS3 grayscale
• Fully customizable
• Scrollable content
• jCarousel image slider included
• Easing effects included
• Intuitive design
• Fully flexible

uSquare responsive grid plugin can easily be modified to suit your needs and to display any content that you want. It can easily find its purpose regardless of the topic that you website is about, sport, software, hardware, fashion, design, web and regardless of the layout that your website has, it can easily be clean and simple or it can be crowded with design elements.

If you have an idea about how we can make this plugin better, feel free to make a suggestion, we always tend to meet our users demands.

Download uSquare – Universal responsive grid for WordPress (Galleries)

Cloudshare

Cloudshare is a powerful, simple, and beautiful file hosting service for your site’s visitors.

Features

• Very lightweight code.
• Highly customizable.
• Beautiful interface. One of a kind design. Impress your visitors!
• Give your users the option of a paid plan / Pro account. Help pay for bandwidth, and make a bit of money for yourself, too!
• Very little knowledge of PHP / JS / HTML needed. Just upload and run.
• Uses the power of HTML5 , Flash, or Silverlight depending on which technology works best on your system.

How to setup the script on your server.

Installation

• If you want the script in its own folder, simply upload the folder “cloudshare” to your server.
• If you want the script on the root of the domain, simply upload the contents of the “cloudshare” folder to the root of your domain
• Place the file CROSSDOMAIN .XML into the root of your domain for example: http://example.com/crossdomain.xml
• Or if on a subdomain: http://sub.example.com/crossdomain.xml
• CHMOD the folder “upload”, located in the “cloudshare” folder to 777.
• Go to your script on the live server you have just uploaded to, and try out the “free service”. N.B: Tar GZ, or tar.gz files only. If you don’t know what this file is; just rename a file to have the extension of tar.gz. For example Picture.jpg gets renamed to pic.tar.gz
• If everything works fine, you can then proceed to setup your first Pro account, which will be used for testing purposes only.

A few notes about Pro accounts

Pro Account Brief

You may have realized the free version is very limited. This is to stop lots of users abusing the file host service, and eating up all your server’s bandwidth. Paid users, or “Pro” users have a lot more freedom, and help you purchase more bandwidth to fulfill their needs.

The following file-types are allowed on a Pro Plan>

• zip ,rar ,jpg ,bmp ,gif ,png ,txt ,html ,txt ,mp3 ,wav ,flac ,wmv ,wma ,mp4 ,mov ,psd ,css

The following file-type is allowed on the “Free Plan”: tar.gz

• In order to handle payments, I would recommend using a service called Gumroad www.gumroad.com
• Here is their FAQ

I have searched around and they seem to be the best for this particular service, as users typically want something easy and not as complicated as PayPal. Although you can use PayPal to handle transactions if you want

In the link above the Cloudshare free user page / main page, you will notice a link called “GET PRO ”. Here you will be replacing the “href” attribute of the link to a Gumroad item for sale. You could call the ITEM “1 year Cloudshare subscription”, or whatever you want on the Gumroad admin page, or if you’re inclined to use PayPal, this could simply be a donate link.

Now that you have setup a payment system, you can start to setup your first “Pro Account” …

Setting up your first Pro account

Pro Accounts

You might want to see how the Pro account works, so for your convenience, there is a pre-made Pro account ready to be tested by you, the Cloudshare Admin. The folder is called “user0000”, and typically that is what a user will see when he/she pays for a Pro account. So for example, the first payment you receive for a pro account may be called user0001, and the second will be user0002, etc. These are folders unique to that particular user only, and may not be used by any other user, apart from yourself, of course. To test the dummy Pro account navigate to the user0000 folder on your server E.G:
http://server.com/cloudshare/user0000/

Upon receiving payment:

• User pays through Gumroad for 1 year subscription
• You, the Admim, creates a duplicate copy of the folder user0000, and renames it my-id-0001-user.
• This foldername must be UNIQUE to stop other users who know about the script from accessing folder / hacking the folder’s location
• E.G: /my-id-0001-user/ ? Make this foldername unique so nobody can guess it.
• You MUST CHMOD the “uploads” folder in here to 777.
• You, the Admin notifies the paying user of the newly created folder. This must be the full path to the folder created, e.g:
  http://example.com/cloudshare/my-id-0001-user/
• Typically an email address is given when you receive payment; so you will be sending the notification there.
• User visits the URL you just sent to him/her
• You look inside the “ips.html” file to see the users IP, and you thus confirm he/she has visited the URL
• More on the ips.html file here:

The file ips.html exists in the Pro account folder, ie /user0001/ips.html This is basically a log of IPs / unique computers / visitors who have seen the Pro Account folder. The purpose of this file is to block other users from visiting the folder, aswell as confirming the customer has actually seen the folder. (They may try to scam you and say they didn’t get your link). The ips.html mechanism also stops the paying user from sharing his/her Pro Account with others. If the amount of IPs accessing the folder amounts to a number greater than 3, the folder will be locked down, and the user will see the following message:
“Too many IPs have accessed this page. Please contact the Admin to re-instate your account.”

** Make sure ips.html is writeable by the server, i.e: CHMOD it to 777

Important notes on using this script.

Notes

• The Twitter support page can be changed to your Twitter Username, so you can converse back and forth to your customers
• As mentioned before, the following extensions are allowed for a PRO account.:
  zip ,rar ,jpg ,bmp ,gif ,png ,txt ,html ,txt ,mp3 ,wav ,flac ,wmv ,wma ,mp4 ,mov ,psd ,css
  To change these go to line 136 of pro.html, located in the user’s PRO folder, and edit the extensions there. (You may want to limit what file-types a paying user can upload)
• A user can see what items he/she uploaded by visiting the ‘uploads’ folder in his/her Pro folder, e.g:
  http://example.com/cloudshare/userA1031/uploads/ ? This link is visible on the page when the user navigates to:
  http://example.com/cloudshare/userA1031/
• You might want to include a terms of service page located both in the PRO account page, and the main (free user) landing page. This is up to you. Some users may decide to abuse your service and upload questionable material.
• I have set a fixed price on the main page / landing page of this script ( $25.00 / year ). Feel free to modify this and change it to whatever you see fit. If you expect a lot of traffic on your site, and you know it’s going to be costly; you might want to ramp this up to $40.00, or in some rare cases when you have over 5000 users – $50.00; enough to cover the hosting and bandiwdht costs of most servers.

  This is what a Pro account page looks like:

  

Free support for anyone who purchases

Support

This script was made by TheArchivist. Free support is included upon purchase of the script.

Download Cloudshare (Loaders and Uploaders)

The placeholder that is standart feature of UITextField is very usefull. You can let know user what input in a particular field. But sometimes you need let input more then one row of text.

What will you do?

Of cource you use UITextView.

But it’s looking as simple white square and it not supported plaseholder.

In some cases you need that UITextArea looks like UITextField within support multiline and plcaceholder.

This component help you with it.
It’s very simple to add it in your project and start using right now.

You will receive:

• Component NNTextView ( XCode classe).
• Full demo project with example how to use component.
• Documentation describing all the steps and action.

Component support full features of standart UITextArea, you can set texColor, align, autoresizing and all other paramters of UITExtView in Interface Builder or in you code.

And it’s look like standart UITextField, I think it’s more pleasent in some cases.

This component for XCode 3.x – 4.x and works on all iOS Devices

Project features:

• TextView with support placeholder text
• TextView looks like a TextField
• Ability to use standart features and parameters of UITextView
• Easily add component to your XCode project
• Work on XCode 3.x – 4.x
• Works on iOS 3.x – iOS 6.x
• Awesome and Quick support

Component features:

• Easily add to your project
  (No rows added to your code, just drag and drop in Interface Builder)
• Set parameters of component by Interface Builder
• Set parameters of component in code
• Full support standart UITextView features and parameters

What you get:

• XCode classe with complete working component
• Full demo project with example how to use component.
• Detailed documentation
• Step by step user guide “How to use and how to add component in your App”

Download NNTextView with placeholder (iOS)