Category: code

Delete the Envato top-frame to see the deep-linking in action

GalleryJack – A jQuery FullScreen Gallery w/ HTML5 Audio

GalleryJack is a flexible HTML5 / jQuery gallery for photographers who want an interactive gallery that users on all devices can see. It includes HTML5 Audio with a Flash fallback, and deep-linking for an enhanced browsing experience. Built for flexibility, its can even be used as a simple background changer for your current website.

Features

• HTML5 audio with Flash fallback
• Deep-linking for continuous audio playback
• Multiple image display modes
• Multiple gallery settings that can be easily modified
• Enhanced Help with several video tutorials

Multiple Display Modes

• Stretch: Always fill the monitor, scaled from top-left corner
• Stretch-Center: Always fill the monitor, scaled from the center
• Fit: Always fit the image, no image cropping will occur

Gallery Settings

• Enable or disable search engine crawling (to protect your images from being listed in search engines)
• Set Audio Volume
• Turn AutoPlay on or off
• Option to randomize the image order in each category
• Set the transition delay for AutoPlay
• Disable right-click to help protect your images

Gallery Options

• Use or delete all elements in the footer and the info section
• Category numbers can easily be deleted or changed to icons or text
• Easily add or remove categories and background images
• Easily add the gallery to your current website

Special Notes

• Imagery and Audio used in the preview is not included in the source download.
• Apple does not allow HTML5 Audio autoplay on its mobile devices. Apple mobile devices will automatically be detected and autoplay will be turned off.
• The Music Player is designed to play one song. I am available for freelance work if you need it to play a playlist of songs.

Download GalleryJack – jQuery Full BG Image Gallery (Images and Media)

Welcome to “Estro” a super smooth jQuery slider plugin by pixelentity. “Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who’s design and execution would inspire you and supercharge your work.

This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.

This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.

Multiple customized slider instances can happily live on the same page, and the slider offers a simple API to control the slider’s behaviour from within your custom scripts.

To drastically reduce page loading times, lazy loading can be activated on a per image basis, so that images will only be loaded right before they need to be shown.

Featuring

• Crossbrowser pure JS/CSS implementation.
• Ken Burns or Swipe transition modes available.
• Multiple instances allowed in a single HTML page.
• Slides uses only valid HTML5 markup (SEO optimized)
• Won’t break layout if javascript disabled.
• Works on mobile (iPhone, iPad – iOS 4.3)
• Supports inline YouTube / Vimeo videos + app redirects on iOS devices (Youtube)
• Optional animated popup preview thumbnails, including a Ken Burns transition.
• Easily resizable.
• Compatible with external fonts (like Google fonts)
• Integrated animated circular timer.
• Includes 4 ready to use skins.
• Easily customizable via CSS file.
• Custom per slide timeout and animation settings.
• Optional lazy loading of images for faster loading.
• Includes all required photoshop files to make a custom skin.
• Comprehensive browser based documentation covering integration, customisation of the slider as well as custom skin creation.

Design and development of Estro by bitfade & iamdok.

More from Pixelentity

Download Estro – jQuery Ken Burns & swipe effect slider (Sliders)

SPlaceholder plugin create Placeholder on input text, When you focus or blur on it, the default text will be hide with the animation that you specified on options, and if the input is empty, it will put again the default text with the same animation.
they are many options to customise animation, also you can add a callback function to blur or focus event.

Download SPlaceholder Plugin (Miscellaneous)

This application helps you to create in no time a mobile version of a website. This script supports all major devices like iPhone, Blackberry, Android devices, PSP , PDA’s, Windows mobile, Opera mini devices and other generic devices.

With this script there is no need for you to create a subdomain for your mobile website. This script detects if the visitor is using a mobile device and then shows the mobile website if needed.

To implement this script on your website you only need to include one file in the index.php file of your website. This way it’s possible to use this on any kind of website: WordPress, Joomla, Drupal or just custom written.

Features

• Usable for every PHP website
• Animated page transitions (fallback to normal page browsing for older phones)
• Automatic phone detection
• Extensive documentation
• Support for custom themes (2 themes are included)
• Plugin system
• Contact form plugin included
• Remote page plugin included
• Gallery plugin included
• Rss News plugin included
• Google Analytics plugin included
• Logging system included to log problems and errors
• Caching system included
• Mobile trigger parameter to test the mobile website on your computer
• Device specific selectors in CSS
• Optional exclude devices that don’t need a mobile version. For example iPad’s

Included plugins

Below you find an overview of the plugins that are included in the download.

Contact form

Display a nice contact form so visitors can contact you.

Image Gallery

Create a gallery of images. You can select the images you want to show in an array. Multiple instances is possible so you can have 2 or more pages with different galleries.

Google Analytics

Track the usage of your mobile site in Google Analytics.

Remote Page

Load any remote content based on a webpage url and selector. This way you can load content of your main website and manage it in one place. . Multiple instances is possible so you can have 2 or more pages with different remote content. The content is also cached for better speed.

RSS News

Show an overview of news items and automatically create a page for every news item. Multiple instances is possible so you can have 2 or more pages with different news feeds.

Video examples

• Preview of the RSS news plugin and Remote page plugin.
• Preview of the Gallery plugin.
• Add a new page to the mobile site.
• Develop your own plugin.

Documentation

Here you can already see the full documentation that is included with this download

Test in Emulator

To get a better feel of how this would look on a real device you can test it out in a online iPhone emulator:

Test it out

Updates

1.1 27/03/2011

• Included the PSD for the mobile candy theme

Download Mobile Site PRO (Miscellaneous)

The Posterous PHP Client can dramatically simplify a site’s integration with the Posterous Social Blogging Platform.

This Client class is a light-weight, Object Oriented wrapper for the Posterous Social Blogging Platform API . This PHP Class offers easy to use methods to authenticate with Posterous and make web service calls to find and/or modify core Posterous components such as Sites/Blogs, Pages, Users, Comments, Subscriptions, and Themes. All data is returned in light-weight JSON format.

Download Posterous PHP Client (Social Networking)

The SlideDeck WordPress slider plugin allows you to easily create a content slider widget or slideshow on your WordPress blog without having to write any code. Just create a new slider with the SlideDeck control panel tool and insert the widget into your post via the WYSIWYG editor with the TinyMCE plugin SlideDeck picker.

You can also create a dynamic slider by using the Smart Slider function. Just choose your blog post criteria (recent, popular, featured), select a theme, set your options and viola, you have a dynamically updated slider in seconds! Users can now visually experience your blog posts.

NEW !: Vertical slides (PRO), RSS Feed Smart SlideDecks (PRO), Skin Support, Compatible with WordPress 3.0+, Now uses custom post types!

Requirements: PHP5+, WordPress 2.8.6+

Important Links:

• Demo
• Community Examples
• More Details
• Full Feature List
• Documentation
• Support

Features:

• No coding required!
• Smart SlideDecks. Build dynamic SlideDeck slideshows from blog content
• Add any media (image, video, mp3…etc) to a slide with the WordPress editor
• Add, remove or reorder slides with a slick drag and drop interface
• Search Engine Optimized (SEO) – all content of each SlideDeck (copy, alt tags…etc) are completely indexable by search engines
• Update SlideDeck content at anytime without even editing your posts or template code
• Specify any slide as the start slide as well as the animation speed
• Specify unique spine title text
• Use all the tools in the WordPress Kitchen Sink editor to make your SlideDeck look perfect
• Customize the code and add any content directly into the slide with the WordPress HTML editor
• Preview your SlideDeck in a modal box or on your post as you create it
• Set custom dimensions for each SlideDeck
• Copy and paste a code snippet to place your SlideDeck anywhere on your WordPress blog or site
  • Touchscreen support for iPad, iPhone and other devices (PRO).
  • Ability to create vertical slides (PRO).
  • Smart SlideDecks from RSS feeds (PRO).
  • Ability to apply free skin/themes.

Use Cases:

• Dynamic Content
  • Feature Slider for WordPress Blog Posts
  • Visualize Any RSS Feed
  • Automate News Articles and Updates
• Tours & Demos
  • Product Tour
  • Features Demo
  • Process Guide
  • Step-by-Step Instruction
• Media Galleries
  • Photo Gallery
  • Video Gallery
  • Artwork Gallery
  • Music Gallery (Artist, Album Song)
  • Movie/Television Guide/Gallery
• Multi-Dimensional Web Content (User Input or Vertical + Horizontal Slides)
  • “Choose Your Own Content” Based on User Input
  • Lead Generation Based on User Input
  • Decision Tree Process
  • User Based Tutorials (Skip steps based on user level)
  • Surveys

Download SlideDeck PRO for WordPress (Sliders)

WordPress stores posts and meta data with ease. But what about all the small bits of text that just don’t fit in posts or custom fields? Phone numbers, hours of operation, copyright date, mailing addresses, testimonials, homepage promos, stats that appear on multiple pages but change frequently…

TextBin is the plugin to fill the void! TextBin allows you to manage all these situations with ease and even allows you to use the full WordPress text editor. Go on and add links, photos, html, the works!

Once the text is stored, use the shortcode, widget or textbin() function to add these text items to your site. This will make your author’s happy and save you time in theme development.

You’re going to love what TextBin can do for you!

Features:
Full Text Editor
Media Library & Linking
Shortcode
Widget
Function
Drag & Drop Ordering

Download TextBin (Add-ons)

This Facebook Plugins for WordPress is the ultimate and most advanced plugin to integrate Facebook Plugins, Dialogs and Facebook comments into your blog or website. It’s using WordPress shortcodes to make it very simple to add a Facebook plugin or dialog into any blog post or page. The plugins also comes with 4 widgets ready to be customized + a way to automatically add a Like button and/or the Facebook comment system into all your posts and pages.

Features

– 7 Facebook plugins that can be integrated with one line of code.
– 2 dialogs using native Facebook popups.
– Shortcode support for all the plugins and dialogs.
– 4 widgets ready to be customized.
– Automatically add a Like Button to all your posts or pages.
– Automatically integrate Facebook comment to all posts and pages.
– Easy way to customize the look and options of the plugins.
– A way to disable the WordPress default comments.
– Rich documentation and each shortcode option is documented.
– Compatible with the Facebook WPress for WordPress.

Demo of all Plugins, Facebook comments and Dialogs.

Download Facebook Plugins, Comments & Dialogs for WordPress (Social Networking)

This extended widget recent post widget replace the default widget recent posts with more visual options and easy to customize.

Installing Plugin

From the Administration Panels , click on the Plugin tab. Once you have uploaded the plugin to your WordPress plugin directory, activate it from the Plugins Management page.

Using Plugin

Goto the Widget tab of the Appearance section, drag the widget to your available widget area and configure the widget.

Here is the widget options you can customize:
Title Give a short title for your extended recent post widget title.
Number of posts to show The default number of post to show is 5. You can adjust it as much you want.
Show at homepage? This option is a check box. Check it if you want this widget show at home page. The default value is true or checked.
Show at single page? This option is a check box. Check it if you want this widget show at singular page. The default value is true or checked.

Uninstalling Plugins

To remove this plugin, make sure the plugin is deactivated from the Plugins panel. Go to your website’s wp-content/plugins folder (usually with an FTP program) and look for the file name extended-widget-recent-post. Select the file name and delete it.

If have your WordPress site on your hard drive, open the wp-content/plugins folder on your site and find the file name of the plugin you want to delete, select it and delete it.

Change Log

1.0. Launch

Download Extended Widget Recent Posts (WordPress)

Check out the Video Preview on Vimeo.

As the name suggests, Sherpa is a total solution for all your navigation requirements.

Sherpa brings together the three main navigation elements of every interface – Navbar, Sidebar and Sticky Footer.

Each one consists of a selection of different menu types including: Slide Menu, Mega Menu, Accordion Menu (in sidebar) and Drop Menu. You can pick, choose and mix these to make a really unique navigation.

It has 10 different colour skins, 12 beautiful background images, uses CSS3 effects and comes with 500+ icons to make it one of the best looking navigations on Codecanyon. Check out the screenshots and preview.

Instead of trying to bring together lots of different navs from many different sources, choose Sherpa | Complete Navigation System and save yourself time on integrating into your system.

Features

• A Complete Solution
• Horizontal Navigation Bar
• Side Navigation Bar
• Sticky Footer Bar (Can be made unsticky too!)

• Slide Menu
• Accordion Menu in sidebar
• Mega Menu
• Drop Menu

• 10 colour skins
• 12 background images
• 500+ icons
  
• CSS3 gradients, round corners and shadows

• Cleanly coded using best practices
• Built using established menu building techniques

Let the Sherpa guide your users to usability bliss!

Download Sherpa | Complete Navigation System (CSS Edition) (Navigation and Menus)

This script allows you to have a quick & easy credit card payment terminal for your clients (Visa, Master Card, American Express) processed by authorize.net
Installation and configuration of the script takes less than 5 minutes (however you do need to have SSL and authorize.net merchant account).
There are 2 options to pay: first option is that customers can input price themselves and type description, second option you can turn on pre-defined services and customers will select service from dropdown.

Important Notes:

1) You need to have authorize.net merchant account
2) You need to install SSL certificate before going live with this terminal
3) cURL must be enabled on your hosting account

Features:
– javascript credit card validations
– php credit card validations (for no-js fallback)
– comes in 2 versions, with accordion and without
– 1 configuration file to edit.
– automatic http to https redirection (on/off in config file)
– setup services with pre-defined prices (in config file)
– option to input any amount by your customers (with description)
– new payment confirmation email for administrator with full customer information (except the card information of course)
– “payment received” confirmation email for cusotmer
– easy switch between Test environment and Live environment (config file)
– easy to attach your database “order update statement” or “insert new order statement” upon successful payment.

Demo:
1) no accordion – http://www.convergine.com/scripts/authorize-terminal/
1) with accordion – http://www.convergine.com/scripts/authorize-terminal/index_with_accordion.php

Test Credit Card Info:
Please select VISA , any credit card name, card number should be – 4007000000027 with any CVV and any future date.

Attached jquery ui, jquery tools accordion and colorbox functionality.

Download Authorize.net Payment Terminal (Shopping Carts)

This is a HTML form beautifier and validator in one jQuery plugin package.

• You can choose from 5 color schemes.
• You can set your own validation rules (required fields, email, length, matches, formats)
• You can set your own custom error messages for each rules
• Easy to integrate

Download DCS Beautor (Forms)

fHover is a jQuery plugin for adding superb hover effects to your website’s images. Perfect for using on banners, advertisements and custom buttons.

Download jQuery CSS3 Image Hover Effects (Images and Media)

jQuery twitter scroller in 3 colors. Black, White and Blue
Scrolls horizontally width a fade effect.
Very ease to integrate in your site.

Features

• Display tweets from a specified user, a specified #hashtag, word or sentence
• Pauses at mouseover
• Adjustable width and speed
• Specify how many tweets to display
• Replaces url’s, hashtags and users into links
• Very easy to add more colors.

I added lots of comments in the css and javascript file to understand the functions.

I hope you like it!

Download ReadMyTweet – jQuery twitter scroller (Social Networks)

“Assign” is an extension to the MooTools Element/Elements module that lets you easily assign multiple keyboard shortcuts and events for specified functions.

Download Assign (MooTools) (Miscellaneous)