Paper like page turning affect using HTML 5

Came across this today from a Venezuelan programmer called Emmanuel Garcia. He has put together javascript library to show pages similiar to a real magazine or newspaper. The page also renders well on a ipad and mobile device.

It called turn.js and the site demos the plugin, with a good reference guide too.

Multisite Search Suggest

Beadazzle run two jewellery sites online. One site www.beadazzle.co.uk sells official Pandora Jewellery and the www.beadazzle-boutique.co.uk site sells all other non Pandora Jewellery products. Due to Pandora’s strict selling guidelines, they cannot sell any other products apart from Pandora on a single site.

This meant that if they wanted to buy item Pandora and non Pandora products they would need to place two separate transactions. To make it easier to find products I implemented a Search Suggest feature which is licensed from Code Canyon and modified it to work on Digishop. Then wrote a php script to pull product information from Beadazzle Boutique into the Search suggest script.

Customers can now type in the search box and products from both sites will be suggested to them, and click on a non Pandora product will result in a new window opening for beadazzle boutique. This will hopefully show loyal Pandora customers that Beadazzle sell more than just Pandora.

This script can also be implemented in X-Cart which is what I will be implementing in Beadazzle Boutique.

Impressive Jquery slider on Code Canyon

Just come across an impressive jquery slider on the code canyon website. It does animation and look ideal for an online store.

Try it out here : http://codecanyon.net/item/jquery-onebyone-slider-plugin/full_screen_preview/684613

Full product Information : http://codecanyon.net/item/jquery-onebyone-slider-plugin/684613

Cross browser styleable scrollbars with jQuery and CSS using jScrollPane

I came across this jquery module that allows you to style inline scroll bars within your website.

jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes. There are a number of different examples showcasing different features of jScrollPane and a number of ways for you to get support.

Where to find Jquery resources

JQuery official website

JQuery official website

jQuery’s website, where you can download the jquery functions and find loads of useful plugins.

Learning JqueryAn excellent blog to help get you from jQuery beginner to intermediate and on to advanced.You can also filter posts by skill level.

jQuery cheat sheet

jQuery cheat sheet

One page cheat sheet printout with quick references to all of the jQuery library.

jQuery Style

jQuery Style

Lacking Inspiration? Check out this collection of jQuery powered sites, tutorials, plugins and screencasts.