Author: Blancer

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.

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

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.

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

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.

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